Datepicker adalah opsi luar biasa yang disediakan dengan antarmuka pengguna untuk memudahkan pengguna memilih tanggal dalam format yang benar. Pada artikel ini, kita akan menambahkan pemilih tanggal ke halaman web, menggunakan plugin jQuery Show plugin jQuery Datepicker disediakan dengan berbagai opsi dan metode, yang digunakan untuk menyesuaikan antarmuka pengguna pemilih tanggal dan widget kalender Mari kita punya contoh, untuk melihat bagaimana menambahkan plugin ini untuk menyediakan antarmuka pengguna pemilih tanggal ke halaman web. Dengan contoh ini, pertama kita akan menampilkan kalender secara default tanpa menggunakan penyesuaian apa pun dengan bantuan opsi dan metode yang disediakan Untuk menambahkan pemilih tanggal jQuery, kita harus mengikuti langkah-langkah berikut
Pada kode di atas, kami telah menambahkan pustaka Javascript yang diperlukan sebagai sumber untuk mengakses fungsi bawaan jQuery. Untuk itu, kita dapat merujuk ke pustaka ini baik dengan menggunakan URL langsung yang membutuhkan internet atau kita dapat membuat salinan lokal dari file-file ini dengan mengunduh versi terbaru dari situs web resmi jQuery Setelah itu, date picker() dipanggil dengan referensi id elemen input HTML. Jadi, secara default, elemen input adalah target, di mana tanggal yang dipilih akan ditampilkan, dan juga digunakan untuk memicu acara ke widget kalender popup Jika kita ingin memiliki dua elemen secara terpisah, untuk memicu acara pemilih tanggal dan untuk mengisi respons, kita perlu menggunakan opsi dan metode plugin pemilih tanggal jQuery yang tersedia Metode Opsi Datepicker di jQueryAda beberapa opsi dan metode yang disediakan oleh plugin jQuery Datepicker. Misalnya, daftar berikut berisi beberapa opsi plugin jQuery yang digunakan untuk menyesuaikan pengaturan pemilih tanggal Pilihan
Semua opsi termasuk yang tidak ditentukan dalam daftar di atas, digunakan untuk menerapkan perubahan sehubungan dengan pemilih tertentu Mari kita memiliki contoh untuk bekerja dengan pemilih tanggal beberapa opsi dari daftar di atas
Jika Anda tidak memiliki gambar seperti yang ditentukan dalam skrip di atas, maka nilai opsi buttonText akan ditampilkan ke browser MetodeMetode datepicker digunakan untuk melakukan berbagai fungsi termasuk beberapa fungsi tanggal yang sudah dikenal, seperti pengambil dan penyetel tanggal. Beberapa fungsi tersebut adalah,
Terlepas dari daftar fungsi di atas, plugin ini juga menyertakan beberapa fungsi utilitas untuk melakukan operasi seperti menghapus pengaturan pemilih tanggal default, memformat tanggal, dan sebagainya. Misalnya, fungsi setDefaults() digunakan untuk menghapus setelan default dengan menentukan opsi dan nilai yang diperlukan. Dan kodenya adalah,
Dengan menggunakan fungsi setDeafults() ini, kita dapat menerapkan opsi satu kali untuk semua instance pemilih tanggal yang tersedia di situs web kita Kami menggunakan cookie untuk menawarkan pengalaman menjelajah yang lebih baik, menganalisis lalu lintas situs, dan mempersonalisasi konten. Baca tentang cara kami menggunakan cookie dan cara Anda dapat mengontrolnya di Kebijakan Cookie kami. Jika Anda terus menggunakan situs ini, Anda menyetujui penggunaan cookie kami Bagaimana cara mendapatkan pemilih tanggal di PHP?Bagaimana cara menampilkan tanggal saat ini di pemilih tanggal?Pada tab Semua pada Lembar Properti, pastikan properti Perlihatkan Pemilih Tanggal diatur ke Untuk tanggal. Pada tab Data pada lembar properti, ketik =Date() pada properti Nilai Default untuk bidang tersebut . Catatan. Jika Anda ingin menyertakan waktu saat ini dan juga tanggal, gunakan fungsi Now() alih-alih Date().
Bagaimana cara mengatur tanggal ke tanggal saat ini di DatePicker?Untuk menyetel tanggal saat ini dalam kendali yang mengikat datepicker jQuery UI, gunakan metode setDate() . Lewati objek tanggal yang perlu disetel sebagai argumen ke metode setDate(). Jika Anda ingin menyetelnya ke tanggal saat ini maka Anda dapat memberikan 'hari ini' sebagai argumen.
Bagaimana cara memasukkan tanggal saat ini di PHP?php echo "Hari ini adalah ". tanggal("Y/m/h"). " tanggal("Y. m. d"). |