Senin, 11 Juni 2012

Pemrograman Web JQuery : Format Tanggal Initial Value DatePicker pada JQuery

Contoh di bawah ini adalah bagaimana menggunakan DatePicker menggunakan JQuery, dengan memberikan inisial nilai terlebih dahulu serta menggunakan format indonesia yaitu dd/mm/yyyy dan memberikan fasilitas pilih bulan dan tahun pada datepicker dalam bentuk combo jadi cepat memilih suatu bulan tahun.

Jika anda menggunakan DatePicker dgn JQuery tapi kesulitan memberikan nilai awal, atau tidak bisa keluar dalam format Indonesia, atau kesulitan untuk memilih bulan tahun secara cepat. Contoh di bawah semoga dapat menjadi solusi.

<!DOCTYPE html>
<html>
<head>
  <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
  
  <script>
  $(document).ready(function() {
    //$("#datepicker").datepicker();
    $("#datepicker").datepicker(
    {
       dateFormat: 'dd/mm/yy',
       changeMonth: true,
       changeYear: true
       //defaultDate: '20/03/2010'
     });
  });
  </script>
</head>
<body style="font-size:62.5%;">
  
Date: <input type="text" id="datepicker" name="datepicker" value="25/01/1982"></p>

</body>
</html>

Semoga bermanfaat.