jQuery tarih / saat seçici [kapalı]

Hem tarihleri ​​hem de saatleri işleyebilecek iyi bir jQuery eklentisi arıyordum. Çekirdek kullanıcı arayüzü DatePickerharika, ama ne yazık ki de zaman alabilmeliyim.

DatePicker'ın zamanlarla çalışması için birkaç hack buldum, ancak hepsi oldukça yetersiz görünüyor ve Google güzel bir şey açmıyor.

Kullanılabilir bir arayüz ile tek bir UI kontrolünde tarih ve saatleri seçmek için iyi bir jQuery eklentisi var mı?

Şimdiye kadar en güzel ve en basit DateTime seçici seçeneği http://trentrichardson.com/examples/timepicker/ .

Bu jQuery UI Datepicker'ın bir uzantısıdır, bu yüzden aynı temaları destekleyecektir, aynı şekilde benzer sözdizimi vb. De çalışacaktır. Bu, jQuery UI imo ile paketlenmelidir.

@David, öneri için teşekkürler! @fluid_chelsea, Prototip yerine jQuery kullanan ve çok geliştirilmiş bir arayüze sahip Any + Time ™ sürüm 3.x'i piyasaya sundum, bu yüzden şimdi ihtiyaçlarınızı karşıladığını umuyorum:

http://www.ama3.com/anytime/

Herhangi bir sorun, lütfen web sitemdeki yorum bağlantısı aracılığıyla bana bildirin!

Bana göre tarihler ve saatler, kullanıcının girmesi için en kullanışlı ve verimli olması için iki ayrı giriş kutusu olarak ele alınmalıdır. Kullanıcının her seferinde bir şey girmesine izin vermek iyi bir ilkedir, imho.

Çekirdek UI DatePicker'ı ve aşağıdaki zaman seçiciyi kullanıyorum.

Bu, Google Takvim'in kullandığı ilham kaynağı:

jQuery timePicker :
örnekler: http://labs.perifer.se/timedatepicker/ github'daki
proje: https://github.com/perifer/timePicker

Tüm alternatifler arasında en iyisi olduğunu gördüm. Kullanıcı hızlı giriş yapabilir, temiz görünür, basittir ve kullanıcının belirli zamanları dakikaya kadar girmesini sağlar.

PS: Bana göre: kaydırıcılar (bazı alternatif zaman seçiciler tarafından kullanılır) çok fazla tıklama alır ve kullanıcıdan fare hassasiyeti gerektirir (bu da girişi yavaşlatır).

Datepicker ile en iyi deneyimim prototip tabanlı AnyTime . Bunun jQuery olmadığını biliyorum, ama yine de sizin için uzlaşmaya değebilir. Kesinlikle hiçbir prototip bilmiyorum ve çalışmak için hala yeterince kolay.

Bulduğum bir uyarı: bazı tarayıcılarda ileri uyumlu değildir. Yani, Chrome'da daha yeni bir prototip sürümü ile çalışmadı.

Buradaki bilgilere eklemek için, Fluid Project'in burada çok sayıda tarih ve / veya saat seçiciyi gözden geçiren güzel bir wiki yazısı var .

Bunu yakın zamanda araştırdım ve henüz iyi bir zaman seçiciyi de içeren iyi bir tarih seçici bulamadım . Ne kullanarak sona erdi eyecon's harika DatePicker , iki basit açılan zaman. Timepickr.js kullanmak için cazip , gerçekten güzel bir yaklaşım gibi görünüyor.

Ben de aynı problemle karşılaştım. Aslında sunucu tarafı programlama kullanarak geliştirdim, ama size yardımcı olmak için hızlı bir arama yaptım ve bunu buldum.

İyi görünüyor, kaynağa çok fazla bakmadı, ancak tamamen JavaScript gibi görünüyor.

Bak:

http://www.rainforestnet.com/datetimepicker/datetimepicker.htm

Deneme sayfası bağlantısı:

http://www.rainforestnet.com/datetimepicker/datetimepicker-demo.htm

iyi şanslar

Bu, bir kullanıcının bir datetimepicker seçmek, datetime ayarlamak ve diğer datetimepicker o zamana bir dakika eklemek için kullandığım bazı kod.

Özel ilaç kontrolü için buna ihtiyacım vardı ....

Her neyse, cevabı çevrimiçi bulamadığım için başka birine yardımcı olabileceğini düşündüm ...

(en azından tam bir cevap değil)

60000 eklenen bir dakika eklediğini unutmayın. (60 * 1000 milisaniye)

$('.frdtPicker').datetimepicker({
        onClose: function(dateText, inst) {
            var endDateTextBox = $('.todtPicker');
            if (endDateTextBox.val() != '') {
                var testStartDate = new Date(dateText);
                var testEndDate = new Date(endDateTextBox.val());
                if (testStartDate > testEndDate) {

                    var testStartDate = new Date(dateText).getTime() + 60000;
                    var testStartDate2 = new Date(testStartDate); 

                    endDateTextBox.datetimepicker('setDate', (new Date(testStartDate2)));
                }
            }
            else {
                var testStartDate = new Date(dateText).getTime() + 60000;
                var testStartDate2 = new Date(testStartDate);
                endDateTextBox.datetimepicker('setDate', (new Date(testStartDate2)));
            }
            $('.frdtPicker').val(dateText); //endDateTextBox.val());

        },
        onSelect: function(selectedDateTime) {
            var start = $(this).datetimepicker('getDate');
            $('.todtPicker').datetimepicker('option', 'minDate', new Date(start.getTime()));
        }
    });

Aşağıdaki JavaScript eklentisine göz atın.

Tarih ve saat içeren Javascript Takvimi

Mümkün olduğunca basit yaptım. ama hala ilk günlerinde. Geri bildirimi bana bildirin, böylece iyileştirebilirim.

JQuery değil, ancak zamana sahip bir takvim için iyi çalışır: JavaScript Tarih Saat Seçici .

Ben sadece tıklama olayı pop up için bağladı:

$(".arrival-date").click(function() {
    NewCssCal($(this).attr('id'), 'mmddyyyy', 'dropdown', true, 12);
});

Ben böyle bir işlevi yapmak:

function getTime()
{
    var date_obj = new Date();
    var date_obj_hours = date_obj.getHours();
    var date_obj_mins = date_obj.getMinutes();
    var date_obj_second = date_obj.getSeconds();

    var date_obj_time = "'"+date_obj_hours+":"+date_obj_mins+":"+date_obj_second+"'";
    return date_obj_time;
}

Sonra böyle jQuery UI datepicker kullanın:

$("#selector").datepicker( "option", "dateFormat", "yy-mm-dd "+getTime()+"" );

Yani, değeri şu şekilde alıyorum : 2010-10-31 12:41:57

İstediğimiz şekilde çalışan birini bulmakta zorlandık, bu yüzden yazdım. Ben kaynak korumak ve ortaya çıkan gibi hataları düzeltmek artı ücretsiz destek sağlamak.

http://www.yart.com.au/Resources/Programming/ASP-NET-JQuery-Date-Time-Control.aspx