pemilih tanggal / waktu jQuery [ditutup]

Saya telah mencari-cari plugin jQuery yang layak yang dapat menangani tanggal dan waktu. UI inti DatePickermemang hebat, tapi sayangnya saya harus bisa meluangkan waktu juga.

Saya telah menemukan beberapa peretasan untuk DatePicker untuk bekerja dengan kali, tetapi mereka semua tampaknya cukup canggung dan Google tidak menghasilkan sesuatu yang bagus.

Apakah ada plugin jQuery yang baik untuk memilih tanggal dan waktu dalam satu kontrol UI dengan antarmuka yang dapat digunakan?

Sejauh ini pilihan pemilih DateTime terbaik dan paling sederhana adalah http://trentrichardson.com/examples/timepicker/ .

Ini adalah ekstensi dari jQuery UI Datepicker sehingga akan mendukung tema yang sama juga bekerja dengan cara yang sama, sintaksis yang serupa, dll. Ini harus dipaket dengan imo jQuery UI.

@ David, terima kasih untuk rekomendasinya! @fluid_chelsea, saya baru saja merilis Any + Time (TM) versi 3.x yang menggunakan jQuery dan bukan Prototipe dan memiliki antarmuka yang jauh lebih baik, jadi saya harap sekarang memenuhi kebutuhan Anda:

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

Masalah apa pun, harap beri tahu saya melalui tautan komentar di situs web saya!

Dalam pandangan saya, tanggal dan waktu harus ditangani sebagai dua kotak input terpisah agar menjadi paling bermanfaat dan efisien bagi pengguna untuk input. Biarkan pengguna memasukkan satu hal pada satu waktu adalah prinsip yang bagus, imho.

Saya menggunakan DatePicker inti UI , dan pemetik waktu berikut.

Yang ini terinspirasi oleh yang digunakan Kalender Google:

jQuery timePicker :
contoh: http://labs.perifer.se/timedatepicker/
proyek di github: https://github.com/perifer/timePicker

Saya menemukan itu menjadi yang terbaik di antara semua alternatif. Pengguna dapat memasukkan dengan cepat, terlihat bersih, sederhana, dan memungkinkan pengguna untuk memasukkan waktu tertentu hingga menit.

PS: Dalam pandangan saya: penggeser (digunakan oleh beberapa pemetik waktu alternatif) mengambil terlalu banyak klik dan memerlukan ketelitian mouse dari pengguna (yang membuat input lebih lambat).

Pengalaman terbaik saya dengan datepicker adalah dengan AnyTime berbasis prototipe . Saya tahu itu bukan jQuery, tetapi mungkin masih layak untuk dikompromikan untuk Anda. Saya sama sekali tidak tahu prototipe, dan itu masih cukup mudah untuk dikerjakan.

Satu peringatan yang saya temukan: itu tidak kompatibel ke depan pada beberapa browser. Artinya, itu tidak bekerja dengan versi prototipe yang lebih baru di Chrome.

Hanya untuk menambah info di sini, The Fluid Project memiliki tulisan wiki yang bagus yang mengulas sejumlah besar tanggal dan / atau pemilih waktu di sini .

Saya meneliti ini baru-baru ini dan belum menemukan pemilih tanggal yang layak yang juga termasuk pemilih waktu yang layak . Yang akhirnya saya gunakan adalah DatePicker yang mengagumkan dari eyecon , dengan dua dropdown sederhana untuk waktu. Saya tergoda untuk menggunakan Timepickr.js , sepertinya pendekatan yang sangat bagus.

Saya telah mengalami masalah yang sama. Saya sebenarnya mengembangkan pemrograman menggunakan server side saya, tetapi saya melakukan pencarian cepat untuk mencoba dan membantu Anda dan menemukan ini.

Sepertinya baik-baik saja, tidak melihat sumber terlalu banyak, tetapi tampaknya murni JavaScript.

Lihatlah:

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

Inilah tautan halaman demo:

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

semoga berhasil

Ini adalah beberapa kode yang saya gunakan untuk meminta pengguna memilih satu datetimepicker, mengatur datetime, dan meminta datetimepicker lainnya menambahkan One Minute pada waktu itu.

Saya membutuhkan ini untuk kontrol obat kustom ....

Ngomong-ngomong, saya pikir itu mungkin bisa membantu orang lain karena saya tidak dapat menemukan jawabannya di mana pun secara online ...

(setidaknya bukan jawaban lengkap)

Perlu diingat bahwa 60000 ditambahkan, tambah satu menit. (60 * 1000 milidetik)

$('.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()));
        }
    });

Lihatlah plugin JavaScript berikut.

Kalender Javascript dengan tanggal dan waktu

Saya membuatnya sesederhana mungkin. tapi masih di awal-awal. Beri tahu saya umpan baliknya sehingga saya bisa memperbaikinya.

Bukan jQuery, tetapi berfungsi dengan baik untuk kalender dengan waktu: JavaScript Date Time Picker .

Saya hanya mengikat acara klik untuk memunculkannya:

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

Saya membuat satu fungsi seperti ini:

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

Lalu saya menggunakan datepicker UI jQuery seperti ini:

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

Jadi, saya mendapatkan nilai seperti ini: 2010-10-31 12:41:57

Kami kesulitan menemukan satu yang berfungsi seperti yang kami inginkan, jadi saya menulis satu. Saya menjaga sumber dan memperbaiki bug saat mereka muncul plus memberikan dukungan gratis.

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