Kreasi Jquery Datepicker - Hallo sahabat TIPS BELAJAR BISNIS ONLINE DAN INTERNET MARKETING, Pada Artikel yang anda baca kali ini dengan judul Kreasi Jquery Datepicker, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel Artikel, Artikel jquery, Artikel Source Code, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Kreasi Jquery Datepicker
link : Kreasi Jquery Datepicker

Kreasi Jquery Datepicker

Ada hal yang penting untuk membuat aplikasi. Yaitu membuat tanggal pilihan/datepicker.
Dan ada banyak cara yang dibikin oleh programmer, ada yang manual looping , ada yg pake plugin seperti jquery ini. Intinya ngapain bikin manual kalau plugin siap pake udah ada. Takut browser ga support javascript? Zaman sekarang browser ga pake javascript? hahaha

Untuk membuat datepicker ini cukup meng-include kan javascript jquery, javascript jquery user interface serta css jquery-ui. Setelah include 2 javascript serta 1 css tersebut, anda hanya menambahkan satu baris kode javascript saja :D

$('#d1').datepicker();

Ini kode lengkap nya (saya asumsikan jquery,jquery ui ada pada folder aplikasi)

<script type="text/javascript" src="jquery-1.9.0.js"></script>
<script type="text/javascript" src="jquery-ui.js"></script>
<link href="jquery-ui.css" rel="stylesheet" type="text/css" />
<script>
$(function() {
$('#d1').datepicker();
});
</script>
<input type="text" id="d1" name="tgl"/>

Mudah bukan, sekarang apa yang bisa dikreasikan?
Pada source code yang dapat anda download di bawah ini, banyak kreasi datepicker dari standar sampai menentukan range dua datepicker. Silahkan dipelajari dan happy coding

Demikianlah Artikel Kreasi Jquery Datepicker

Sekianlah artikel Kreasi Jquery Datepicker kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Kreasi Jquery Datepicker dengan alamat link https://tipstopmarketing.blogspot.com/2014/10/kreasi-jquery-datepicker.html

Tweet