Tetapkan nilai awal untuk tanggal di Jquery Datepicker [duplikat]
Dec 12 2020
Saya menggunakan jquery-ui.js dan komponen datepicker-nya, sebagai berikut
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<link rel="stylesheet" href="/resources/demos/style.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script>
$( function() { $( "#datepicker" ).datepicker();
} );
</script>
</head>
<body>
<p>Date: <input type="text" id="datepicker"></p>
</body>
</html>
Namun, alih-alih tanggal hari ini, saya ingin menetapkan nilai awal untuk datepicker tersebut. (Saya berencana untuk mengambil tanggal dari mysql db melalui php). Bagaimana saya bisa melakukannya?
Jawaban
KenLee Dec 12 2020 at 17:20
Cara termudah adalah (untuk meletakkan nilai tanggal php $ initialdate sebagai nilai tanggal awal Anda di datepicker):
Mengubah kode Anda dari
$( function() {
$( "#datepicker" ).datepicker();
} );
untuk
$( function() {
$( "#datepicker" ).datepicker(); } ); $( "#datepicker" ).datepicker( "setDate", '<?php echo $initialdate; ?>');
Pastikan format datepicker Anda sama dengan format DB Anda.
Misalnya, jika tanggal db Anda adalah YYYY-MM-DD, maka saya sarankan Anda untuk menggunakan yang berikut ini (sebelum garis setdate) juga (jika tidak, tanggal awal tidak dapat diatur dengan benar):
$( "#datepicker" ).datepicker( "option", "dateFormat", 'yy-mm-dd' );
Selalu Menjadi Ancaman: Mengapa Orang Berkulit Coklat dan Hitam Tidak Bisa Nyaman di Amerika Serikat
Jana Duggar: Semua yang Dia Katakan Tentang Cinta dan Jendela 5 Tahunnya untuk Menemukan 'Yang Satu'