Apa itu Javascript Time Picker yang Baik? [Tutup]

Apa pemilih waktu yang tepat untuk jquery atau standalone js? Saya ingin sesuatu seperti yang digunakan google di kalender mereka yang memiliki drop-down waktu umum dalam interval 15 menit atau memungkinkan Anda mengetikkan waktu secara manual dan memvalidasinya.

Beberapa sumber:

• TimeDatePicker (jQuery Plugin)
• jQuery.timepickr
• jQuery.ptTimeSelect
• Pemilih Waktu
• Pemilih Waktu Mewah
• NoGray Time Picker

Ini yang terbaik yang saya temukan sampai tanggal ini http://trentrichardson.com/examples/timepicker/

Ini salah satu yang berfungsi dengan Twitter Bootstrap.

http://jdewit.github.com/bootstrap-timepicker/

Saya tidak senang dengan pemilih waktu yang disarankan, jadi saya membuatnya sendiri dengan inspirasi dari Perifer dan spesifikasi HTML5:

http://github.com/gregersrygg/jquery.timeInput

Anda dapat menggunakan atribut html5 baru untuk masukan waktu (langkah, min, maks), atau menggunakan objek opsi:

<input type="time" name="myTime" class="time-mm-hh" min="9:00" max="18:00" step="1800" />
<input type="time" name="myTime2" class="time-mm-hh" />

<script type="text/javascript">
    $("input[name='myTime']").timeInput(); // use default or html5 attributes
    $("input[name='myTime2']").timeInput({min: "6:00", max: "15:00", step: 900}); // 15 min intervals from 6:00 am to 3:00 pm
</script>

Memvalidasi masukan seperti ini:

• Sisipkan ":" jika tidak ada
• Bukan waktu yang valid? Ganti dengan yang kosong
• Bukan waktu yang valid menurut langkah? Bulatkan ke atas / bawah ke langkah terdekat

Spesifikasi HTML5 tidak mengizinkan sintaks am / pm atau waktu lokal, jadi hanya mengizinkan format jj: mm. Detik boleh menurut spesifikasi, tapi saya belum mengimplementasikannya.

Ini sangat "alpha", jadi mungkin ada beberapa bug. Jangan ragu untuk mengirimi saya permintaan tambalan / tarik. Telah diuji secara manual di IE 6 & 8, FF, Chrome dan Opera (stabil terbaru di Linux untuk yang terakhir).

Anda dapat membaca postingan pembuat jQuery John Resig tentangnya di sini: http://ejohn.org/blog/picking-time/ .

Saya telah menggunakan ClockPick .

Galeri CSS memiliki berbagai Pemilih Waktu. Coba lihat.

Alat pilih waktu Perifer Design mirip dengan Google

Jika seseorang tertarik dengan JavaScript TimPicker lain, saya mengembangkan dan memelihara plugin jQuery yang melakukan pekerjaan itu. Ini berfungsi seperti EZ Time JS (meskipun saya tidak mengetahuinya sampai 5 menit yang lalu: D), memungkinkan pengguna untuk memasukkan waktu dengan cara apa pun yang mereka rasa nyaman, dan mengubah input ke dalam format umum.

Checkout jQuery halaman TimePicker Pilihan untuk melihatnya dalam tindakan.

Maaf guys .. mungkin agak terlambat .. Saya sudah menggunakan NoGray .. keren ..

Saya telah menggunakan jquery ui timepicker

NoGray adalah eye candy yang bagus tetapi ada beberapa pertimbangan kegunaan. Pertama, jam analog tumbuh semakin tidak jelas, dan orang yang lebih muda terkadang kesulitan membacanya. Kedua, menyeret dengan mouse ke waktu tertentu agak membosankan, seperti alat pilih waktu yang menggunakan penggeser. Ketiga, interaksi keyboard untuk alat pilih ini agak sporadis.

Untuk alat pilih waktu yang lebih berguna, lihat Widget Kalender Any + Time ™ Datepicker / Timepicker AJAX . Ini mungkin alat pilih waktu tercepat dan termudah yang tersedia, karena menggunakan tombol sederhana untuk memilih waktu tertentu dengan cepat dan mudah.

Uji kegunaan yang menarik adalah ini: pilih waktu ganjil (katakanlah, 22:32), lalu lihat berapa lama waktu yang diperlukan untuk memilih waktu tersebut secara akurat menggunakan berbagai alat pilih waktu. Anda mungkin dapat melakukannya lebih cepat dengan Any + Time ™ daripada menulis waktu dengan tangan - coba cari alat pilih lain yang dapat Anda katakan tentang itu! Belum lagi, Any + Time ™ mendukung beragam format tanggal / waktu, jam 12/24 jam, kustomisasi CSS penuh (atau jQuery UI), dan bahkan zona waktu!