Friday, May 24, 2013

Membuat input tanggal otomatis dengan jQuery

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicsFmjQPwYEPlOpxyGLe2qLFIHPiOj3_N2ifFyUyANHvS2CC_U1Li_9amGmM0Zy6CuMbtiUfb1vdXVHcDJx3vsl4am09eDVTrn4cY9_iVVr953KzgJyqRxuXi3FuzX_B0pCrzXhltHNR4/s1600/bikin+datepicker+jquery+.JPG

        Sempet berkendala karena bingung bikin cara mempermudah pengisian form tanggal di web, emang ga semudah cara input tanggal seperti aplikasi desktop, tapi ternyata setelah berkenalan dengan jQuery kok malah lebih gampang bikin input tanggal web ya :P
simple bgt caranya, tinggal copy header nya ama ganti id name input box nya
Oke langsung aja kite masuk ke cara membuatnya :)
1. Download dulu plugin jquery-1.3.2 – ui.datepicker di sini =>mediafire link (130KB aja)
2. Ekstrak dan copy folder “js” ke lokasi file yg mau mempergunakan datepicker
3. Dalam tag <head> kita paste script ini :
Dalam tag <head> kita paste script ini :

         Kita tengok dulu di atas ada tag tanggal nah ini disesuaikan dengan ‘id’ tag dari input text ente, dan format output tanggalnya untuk contoh gw ini  adalah “tahun-bulan-tanggal” sesuai dengan type tabel pada phpmyadmin pada field tanggal yg berjenis DATE, makanya biar ga ribet format penulisannya langsung YYYY-MM-DD :)
Oke It’s done, silahkan di coba :)
download contoh beserta source code  di http://www.mediafire.com/?569vrjl0v99f63r

Incoming search terms:

  • input tanggal dengan php
  • input tanggal di php
  • input tanggal otomatis di php
  • input tanggal php
  • membuat tanggal otomatis di php
  • form tanggal dengan php
  • cara input tanggal di php
  • jquery tanggal php
  • script tanggal otomatis php
  • cara membuat input tanggal pada php
Referensi : http://www.technews.indoinfo.web.id/2012/09/27/membuat-input-tanggal-otomatis-dengan-jquery/

1 comments:

halo. apakah ini bisa diedit. jadi hanya menginput data masimal 2 hari dari tanggal sekarang dan untuk tanggal hari ini itu tidak bisa diimput.?