Jquery - Php : Cara Membuat Date Picker

Agldcnet - Pada post kali ini, adalah posting perdana saya mengulas tentang Jquery yaitu dengan membahas Cara Membuat Date Picker tentunya dengan menggunakan Php dan Jquery,

oke tak usah berlama-lama langsung saja ke tkp...

petama lihat gambar berikut ..

Nah sperti gambar itulah nanti yang akan kita buat...

Untuk Membuat Date Picker tersebut kita membutuhkan file2 berikut:

jquery-1.5.1.min.js
jquery-ui-1.8.11.custom.min.js
jquery.ui.datepicker-id.js
jquery-ui-1.8.11.custom.js

dan Untuk melihat hasil nya lihat Demo .
untuk script bisa di lihat dibawah ini...


<html>
<head>
<title>Untitled Document</title>
<script type="text/javascript" src="jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="jquery-ui-1.8.11.custom.min.js"></script>
<script type="text/javascript" src="jquery.ui.datepicker-id.js"></script>
<link rel="stylesheet" type="text/css"
href="jquery-ui-1.8.11.custom.css" />
   <script type="text/javascript">
 $(document).ready(function() {
 $("#tanggal1").datepicker({
   dateFormat : "dd-mm-yy",
   changeMonth: true,
   changeYear: true,
   yearRange: "-100:+0",
   showon: "button",
   buttonText: "menampilkan date picker",
   buttonImage: "calendar.gif",
   buttonImageonly: true
   });
   });
   </script>
</head>

<body>
Tanggal :
<input id="tanggal1" />
</body>
</html>

nah itulah , sedikit tentang jquery...
trimakasih atas kunjungannya...

Jquery - Php : Cara Membuat Date Picker

Label