rachmat

Current Date:27 February, 2020

Cara Membuat Datepicker dengan jQuery

jQuery adalah pustaka JavaScript lintas-platform yang didesain untuk menyederhanakan client-side scripting pada HTML.
5
(2)

Hallo sobat, pada tulisan kali ini Saya ingin memberikan tutorial sederhana tentang bagaimana cara membuat Datepicker dengan jQuery. Tanpa panjang lebar lagi, Yuk mari baca dan simak tulisan ini sampai habis. Di jamin akan memberikan manfaat yang besar untuk menambah pengetahuan Anda. Oke, langsung saja ya.

Datepicker berfungsi untuk menampilkan sebuah kalender pada kolom textbox. Berikut ini adalah contoh script standar untuk membuat Datepicker dengan jQuery:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Cara Membuat Datepicker dengan jQuery</title>
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<link href="https://repo.rachmat.id/jquery-ui-1.12.1/jquery-ui.css" rel="stylesheet">
<script type="text/javascript" src="https://repo.rachmat.id/jquery-1.12.4.js"></script>
<script type="text/javascript" src="https://repo.rachmat.id/jquery-ui-1.12.1/jquery-ui.js"></script>
<script type="text/javascript">
	$(function(){
	  $("#datepicker").datepicker();
	});
</script>
</head>
<body>
 
<div class="ui-widget">
  <label for="datepicker">Tanggal: </label>
  <input id="datepicker">
</div>
 
</body>
</html>

Bila dijalankan, script di atas akan menghasilkan Output seperti berikut ini :

Cara Membuat Datepicker dengan jQuery

Selesai. Sangat mudah kan?

Demikian pembahasan tentang Cara Membuat Datepicker dengan jQuery, silahkan tinggalkan komentar pada tulisan ini bila ingin bertanya atau memberi masukan. Semoga tulisan ini bisa memberikan manfaat untuk Anda yang membaca, sampai bertemu di tulisan berikutnya. Terima Kasih

Apakah artikel ini membantu Anda?

klik bintang untuk memberikan nilai

Total nilai 5/5 dari 2 suara

Tidak ada suara sejauh ini! Jadilah yang pertama memberi nilai pada tulisan ini.

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *