Gratis 21 untuk memper cantik pemetik tanggal otomatis (Date Pickers ) menggunakan JavaScript

Sebuah tanggal pemetik adalah cara mudah untuk memperkenalkan tanggal / waktu menjadi field input. Ini jelas memberikan tampilan profesional untuk formulir Anda dengan menyederhanakan proses pemilihan tanggal tertentu atau rentang tanggal.
Saya berharap bahwa daftar berikut akan membantu Anda dalam memilih naskah yang akan menawarkan pengalaman yang lebih baik kepada pengunjung website Anda. JQuery dan Mootools adalah beberapa perpustakaan terkenal digunakan untuk membuat pemetik tanggal.

jquery-datepicker
1. The JQuery UI Datepicker adalah naskah yang sangat baik yang mendukung beberapa tema dan dapat digunakan dalam format tertentu. Berikut adalah beberapa contoh:
- Rentang tanggal pembatasan
- Populasi lapangan alternatif
- Tampilan bulan dan tahun menu
- Display bar tombol
- Menampilkan beberapa bulan
- Menunjukkan datepicker ketika mengklik ikon tanggal
[ Pergi ke Halaman Proyek | View Demo ]


jquery-datepicker-one 2. jQuery Datepicker adalah plugin yang melekat kalender popup untuk field input atau menunjukkan kalender inline untuk memilih tanggal. Ini adalah versi sederhana dari UI Datepicker JQuery.
Fitur termasuk:
* Bekerja sebagai popup untuk bidang masukan atau inline dalam div / span
* Penuh setara Keyboard
* Format tanggal Pakai tersedia. Anda bahkan dapat menentukan format Anda sendiri.
* Minimum / pembatasan tanggal Maksimum
* Perbarui bidang bergantian dengan tanggal dalam format yang berbeda
* Pilih rentang tanggal
* Tampilkan minggu tahun / hari dari bulan-bulan lainnya
* Callback di hover, perubahan bulan / tahun, seleksi dan penutupan
* CSS Customizable
* Bahasa pemilih
[ Pergi ke Halaman Proyek | View Demo ]



jquery-datepicker-two 3. The JQuery Plugin Picker Tanggal adalah komponen kalender fleksibel dan tidak mengganggu. Hal ini memungkinkan Anda untuk dengan mudah menambahkan tanggal memasukkan fungsionalitas untuk formulir web Anda dan halaman. Script ini, seperti yang disebutkan sebelumnya, dapat bekerja dalam berbagai cara. Berikut adalah beberapa contoh:
- DatePicker sederhana dengan hari yang dipilih
- DatePicker sederhana dengan tanggal di masa lalu dipilih
- DatePicker sederhana dengan tanggal HANYA di masa lalu dipilih
- DatePicker dengan beberapa bulan terlihat sekaligus
- DatePicker dengan beberapa pilih
- RenderCalendar dengan callback
[ Pergi ke Halaman Proyek | View Demo ]


jquery-datepicker-three . 4 Date Picker adalah Plugin JQuery dengan banyak fitur dan mudah diimplementasikan dalam aplikasi web Anda:
* Flat Mode - sebagai elemen di halaman
* Beberapa kalender
* Single, beberapa atau kisaran pilihan
* Kurma dapat ditandai sebagai khusus, akhir pekan, hari-hari khusus
* Tampilan dapat dengan mudah disesuaikan melalui CSS
* Lokalisasi untuk bulan dan hari 'nama
* Kustom untuk memulai hari minggu
* Fits ke viewport
[ Pergi ke Halaman Proyek | View Demo ]


jquery-date-input 5. jQuery Tanggal input adalah kecil, cepat dan cukup tanggal.
Fitur termasuk:
* CSS kustomisasi
* Bahasa pemilih
* Tentukan hari pertama minggu itu
* Tanggal format
[ Pergi ke Halaman Proyek | View Demo ]


jquery-datepicker-four 6. JQuery Date Picker adalah script bagus yang menggunakan kode yang bersih dan extensible.
Fitur termasuk:
* Kemampuan untuk mengetik atau memilih tanggal dari kalender
* Validasi untuk keyboard memasuki tanggal disajikan diam-diam dan inline
* Setup sangat mudah
Lisensi: GPL
[ Pergi ke Halaman Proyek | View Demo ]


jcalendar 7. JCalendar adalah script JQuery dibuat oleh Ted Serbinski yang berfungsi sebagai kalender dinamis inline.
Fitur:
* Sepenuhnya themable melalui CSS
* Tanggal hari ini terpilih sebagai default jika tidak ada nilai-nilai lain yang disediakan
* Batas-batas kalender diset secara otomatis (misalnya: berikutnya / prev) berdasarkan tahun pertama dan terakhir ditentukan dalam bentuk elemen 'Pilih tahun.
* Menggunakan tombol TAB Anda dapat memilih tanggal dan kalender peramban
* 'Hari ini', 'Sebelumnya' & 'Next' link
* Ia bekerja dengan JQuery 1.0.4 atau 1.1.2
[ Pergi ke Halaman Proyek | View Demo ]


unobtrusive-javascript-date-picker-widgit 8. The Samar-Tanggal Picker Widget V4 adalah naskah yang sangat baik yang dapat diakses menggunakan keyboard, tidak memerlukan blok JavaScript tertanam, tidak memerlukan jendela pop-up dan cocok untuk digunakan di dalam dokumen menjabat sebagai application / xhtml + xml.
Fitur:
* Keyboard lengkap dapat diakses
* Dukungan untuk beberapa format tanggal dan pemisah
* Namespace ramah dan mengganggu
* Customizable melalui CSS
* Tanggal batas atas dan bawah dapat diatur
* Hari-hari tertentu dalam seminggu dapat menonaktifkan
* "Smart" lokalisasi
* Hari Bespoke dalam seminggu dapat disorot
* Hal ini bebas untuk digunakan, bahkan untuk tujuan komersial, yang dirilis di bawah CC share-alike lisensi
[ Pergi ke Halaman Proyek | View Demo ]


fancy-mootools-date-picker 9. Fancy Mootools Date Picker adalah script bagus yang dapat disesuaikan dengan menggunakan CSS.
Fitur:
* Jumlah karakter untuk hari nama singkatan dapat ditentukan
* Jumlah hari dapat diatur untuk setiap bulan
* Format tanggal dapat diedit (nilai default yang digunakan: 'hh / bb / tttt'). Sebuah ekspresi reguler digunakan untuk menggantikan nilai dengan tanggal
* Anda dapat menentukan hari pertama minggu (1 - Senin, 7 - Minggu)
* Tahun Rentang didukung (dari awal tahun + beberapa tahun untuk menambahkan)
* Urutan tahun dari dropdown dapat berupa kekuasaan ('terlama') atau keturunan ('desc') - dari awal tahun sampai akhir tahun atau sebaliknya.
[ Pergi ke Halaman Proyek | View Demo ]


calendar-mootools 10. Kalender adalah kelas JavaScript ditulis untuk MooTools yang menambahkan diakses dan tidak mengganggu pemetik tanggal untuk elemen form Anda.
Fitur:
* Style-mampu dan semantik XHTML
* Sangat dikonfigurasi penggunaan input dan memilih
* Variabel pilihan navigasi
* Masa Depan / melewati pembatasan kalender (dan lebih)
* Dukungan multi-kalender (dengan bantalan)
* Multi-bahasa dan mewah tanggal format
[ Pergi ke Halaman Proyek | View Demo ]


vista-like-ajax-calendar 11. The Vista seperti Ajax Kalender (vlaCalendar) versi 2 yang menggunakan perpustakaan terkenal kerangka MooTools adalah versi web mengganggu dari licin dan mendalam Windows Vista kalender taskbar.
Fitur termasuk:
* Authentic Vista Tampilan dan Nuansa
* CSS Customizable
* Label tanggal Mudah berubah
* Mudah stylable
* Kedua kalender normal dan datepicker dapat instantiated beberapa kali
* Ringan
[ Pergi ke Halaman Proyek | View Demo ]


date-picker-control 12. The DatePickerControl v1.1.6 mengubah kontrol input teks Anda ke dalam kontrol tanggal-pemetik.
Fitur termasuk:
* Input otomatis konversi kontrol dengan menetapkan atribut tunggal di 'masukan' tag, atau menggunakan atribut sebuah 'id' khusus.
* Beberapa format tanggal
* Layered kalender (tidak mengganggu jendela pop-up)
* Navigasi melalui mouse dan keyboard
* Hari pertama dalam seminggu dapat didefinisikan
* Hari Batas (Min dan Max)
* Dukungan CSS
* LGPL Lisensi
[ Pergi ke Halaman Proyek | View Demo ]


jscalendar 13. jsCalendar adalah baik DHTML Date Picker yang mudah untuk setup (baik dalam modus datar atau pop-up) dan itu kompatibel dengan browser yang paling populer, yang dibuat menggunakan standar web.
Fitur termasuk:
* Beberapa format tanggal didukung
* Keyboard navigasi
* Setup Cepat
* Pilih beberapa tanggal
* Sorot tanggal khusus
[ Pergi ke Halaman Proyek | View Demo ]


yahoo-calendar-script 14. Yahoo! Perpustakaan UI: Kalender adalah kontrol UI yang memungkinkan pengguna untuk memilih satu atau lebih dari tanggal kalender grafis yang disajikan dalam satu atau antarmuka multi bulan.
Beberapa fitur penting:
* Kalender multi-pilih
* Kalender multi-halaman
* Minimum / Maksimum Tanggal
* Kalender navigator
* CSS Customizable
[ Pergi ke Halaman Proyek | View Demo ]


jason-moon-calendar 15. Jason Moon Calendar Script adalah tanggal pemetik sederhana dan mudah untuk mengintegrasikan dalam halaman situs web Anda yang mendukung berbagai format tanggal dan bekerja di hampir semua browser modern.
Fitur termasuk:
* Tampilan kalender dapat dengan mudah diubah dengan mengedit calendarDateInput.js berkas: font, ukuran dan gaya, warna latar belakang, dimensi sel, baris atas warna latar belakang, warna latar belakang disorot hari
* Beberapa pemetik tanggal dapat digunakan dalam satu halaman
* Menentukan jumlah detik hingga kalender menghilang
[ Pergi ke Halaman Proyek | View Demo ]


openjs-date-picker 16. JavaScript Kalender Script / Date Picker Widget adalah script sederhana & tidak mengganggu dari OpenJS.
Fitur:
* Simple
* Beberapa kalender dapat ditambahkan pada halaman yang sama
* Self Contained (tidak memerlukan perpustakaan eksternal)
* Mengganggu
* CSS Customizable
[ Pergi ke Halaman Proyek | View Demo ]


dhtmlxcalendar 17. dhtmlxCalendar adalah cross-browser kalender JavaScript ringan yang dapat dikonfigurasi baik sebagai tanggal popup pemetik atau kalender datar. Ini adalah script sepenuhnya disesuaikan dan mudah digunakan.
Fitur termasuk:
* JavaScript API Kontrol Penuh
* Pilih antara rentang tanggal
* Tanggal aktif (Pengguna tidak dapat memilih tanggal aktif)
* Kalender ganda
* Mudah koneksi ke bidang teks
* Multi dukungan bahasa - bahasa dan pengaturan dapat diaktifkan dengan cepat
* Liburan kustom dapat diatur
[ Pergi ke Halaman Proyek | View Demo ]


simple-calendar-widget 18. Simple Calendar Widget adalah fleksibel, sederhana dan sepenuhnya berkomentar skrip kalender yang bekerja di sebagian besar browser modern.
Fitur termasuk:
* Customizable untuk format tanggal, warna, bahasa dan berbagai tahun
* Sebuah tanggal diterima sebagai input
* Hari pertama dalam minggu itu dapat dipilih untuk tampilan
* Tanggal tertentu dapat dinonaktifkan
* Minggu penomoran
* Pemilihan bahasa Dinamis
* Draggable (opsional)
[ Pergi ke Halaman Proyek | View Demo ]


rich-calendar 19. Kalender Kaya adalah cross-browser JavaScript datepicker script yang mengimplementasikan fungsionalitas yang sesuai dengan banyak opsi lanjutan luas memperluas bidang aplikasi.
Fitur termasuk:
* Tanpa Jendela Pop-Ups
* Skinnable - CSS Customizable
* Multilingual
* Bahasa format tanggal bergantung
* Beberapa kalender dalam satu halaman
* Positioning dapat relatif atau absolut
* Perilaku pengguna-didefinisikan
[ Pergi ke Halaman Proyek | View Demo ]


javascript-calendar 20. jsDatePick adalah tanggal pemetik bagus yang menggunakan teknik DOM untuk menghasilkan kode HTML.
Fitur termasuk:
* Tampil sebagai popup untuk bidang masukan atau inline dalam DIV / SPAN
* Batasi hari memetik mungkin untuk tanggal hari ini
* Swap warna sel tanggal itu dari berbagai macam warna
* Mengatur batas untuk tahun diaktifkan dalam kalender
[ Lihat Demo | Unduh ]


xin-calendar-mods 21. Xin Kalender Mods adalah kumpulan skrip inti (kalender dari Xin Calendar) dan mod naskah mereka.
Fitur termasuk:
* Dalam Laman dan Pop-up kalender
* Advanced Tanggal kisaran
* Format tanggal panjang didukung
* Dua Tahun Digit
* Kalender Judul (dalam format Anda sendiri)
* Bulan / Tahun Daftar
* Tanggal Tautan
* Jurnal
* Tanggal Tips
* Khusus Hari
[ Pergi ke Halaman Proyek | View Demo ]

No comments:

Post a Comment