İyi Bir Javascript Zaman Seçici Nedir? [kapalı]

Jquery veya bağımsız js için iyi bir zaman seçici nedir? Google’ın takviminde 15 dakikalık aralıklarla sık görülen zamanların düştüğü veya bir zamanı manuel olarak yazmanıza izin verdiği ve bunu doğruladığı takviminde kullandığı gibi bir şey istiyorum.

Birkaç kaynak:

• TimeDatePicker (jQuery Eklentisi)
• jQuery.timepickr
• jQuery.ptTimeSelect
• Zaman Seçici
• Fantezi Zaman Seçici
• NoGray Zaman Seçici

Bu, http://trentrichardson.com/examples/timepicker/ tarihine kadar bulduğum en iyisi

İşte Twitter Bootstrap ile çalışan bir tanesi.

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

Önerilen zaman seçicilerden hiçbirinden memnun değildim, bu yüzden Perifer ve HTML5 spesifikasyonlarından ilham alarak kendi zamanımı oluşturdum:

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

Ya kullanabilirsiniz yeni html5 özelliklerini zaman girişi (step, min, maks) için veya bir seçenek nesnesini kullanın:

<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>

Girişi şu şekilde doğrular:

• Eksikse ":" ekleyin
• Geçerli zaman değil mi? Boşla değiştirin
• Adıma göre geçerli bir zaman değil mi? En yakın adıma yukarı / aşağı yuvarlayın

HTML5 spesifikasyonu am / pm veya yerelleştirilmiş zaman sözdizimine izin vermez, bu nedenle yalnızca hh: mm biçimine izin verir. Spesifikasyona göre saniye izin verilir, ancak henüz uygulamadım.

Bu çok "alfa", bu yüzden bazı hatalar olabilir. Bana yama / istek göndermekten çekinmeyin. IE 6 & 8, FF, Chrome ve Opera'da manuel olarak test ettiniz (ikincisi için Linux'ta en son kararlı).

JQuery yaratıcısı John Resig'in konuyla ilgili gönderisini buradan okuyabilirsiniz: http://ejohn.org/blog/picking-time/ .

ClockPick kullanıyorum .

CSS Galerisinde çeşitli Zaman Seçiciler bulunur. Bir göz atın.

Perifer Design'ın zaman seçici Google One'a benzer

Birinin başka bir JavaScript TimPicker ile ilgilenmesi durumunda, işi yapan bir jQuery eklentisi geliştirdim ve sürdürüyorum. EZ Time JS gibi bir şey çalışıyor (5 dakika öncesine kadar bilmiyordum: D), kullanıcıların zamanı rahat hissettikleri herhangi bir şekilde girmelerine ve girdiyi ortak bir formata dönüştürmelerine olanak tanıyor.

Eylem halinde görmek için jQuery TimePicker Seçenekleri sayfasını kontrol edin.

Üzgünüm çocuklar .. belki biraz geç .. NoGray kullanıyorum .. harika ..

Jquery ui timepicker kullanıyorum

NoGray güzel göz şekeridir ancak kullanılabilirlikle ilgili birkaç husus vardır. Birincisi, analog saatler giderek belirsizleşiyor ve genç insanlar bazen onları okumakta zorlanıyor. İkinci olarak, fare ile belirli bir zamana sürüklemek, kaydırıcıyı kullanan zaman seçiciler gibi biraz sıkıcıdır. Üçüncüsü, bu seçici için klavye etkileşimi biraz düzensizdir.

Daha kullanışlı bir zaman seçici için Any + Time ™ Datepicker / Timepicker AJAX Takvim Widget'ına bakın . Belki de mevcut olan en hızlı ve en kolay zaman seçicidir, çünkü belirli zamanları hızla ve kolaylıkla seçmek için basit düğmeler kullanır.

İlginç bir kullanılabilirlik testi şudur: tuhaf bir zaman seçin (örneğin, 10:32), ardından çeşitli zaman seçicileri kullanarak bu zamanı doğru bir şekilde seçmenin ne kadar sürdüğünü görün. Muhtemelen bunu Any + Time ™ ile elle yazabileceğinizden daha hızlı yapabilirsiniz - sadece bunu söyleyebileceğiniz başka bir seçici bulmaya çalışın! Any + Time ™ sayısız tarih / saat formatını, 12/24 saatlik biçimi, tam CSS (veya jQuery UI) özelleştirmesini ve hatta saat dilimlerini destekler!