ตัวเลือกวันที่ / เวลา jQuery [ปิด]

ฉันกำลังมองหาปลั๊กอิน jQuery ที่เหมาะสมซึ่งสามารถจัดการทั้งวันที่และเวลา UI หลักDatePickerนั้นยอดเยี่ยม แต่น่าเสียดายที่ฉันต้องใช้เวลาด้วย

ฉันพบว่าแฮ็คไม่กี่ครั้งสำหรับ DatePicker ที่จะทำงานร่วมกับเวลา แต่พวกเขาทั้งหมดดูเหมือนจะไม่ค่อยสวยและ Google ก็ไม่ได้ทำอะไรที่ดีเลย

มีปลั๊กอิน jQuery ที่ดีสำหรับการเลือกวันที่และเวลาในการควบคุม UI เดียวด้วยส่วนต่อประสานที่ใช้งานได้หรือไม่?

โดยไกลที่อร่อยที่สุดและง่ายที่สุดตัวเลือกตัวเลือก DateTime เป็นhttp://trentrichardson.com/examples/timepicker/

มันเป็นส่วนเสริมของ DateQuicker UI ของ jQuery ดังนั้นมันจะสนับสนุนชุดรูปแบบเดียวกันเช่นกันมันทำงานได้ดีในลักษณะเดียวกัน, ไวยากรณ์ที่คล้ายกัน, และอื่น ๆ ซึ่งควรบรรจุด้วย jQuery UI imo

@ David ขอบคุณสำหรับคำแนะนำ! @fluid_chelsea ฉันเพิ่งเปิดตัว Any + Time (TM) เวอร์ชั่น 3.x ซึ่งใช้ jQuery แทนที่จะเป็น Prototype และมีส่วนต่อประสานที่ได้รับการปรับปรุงให้ดีขึ้นมากดังนั้นฉันจึงหวังว่าตอนนี้จะตอบสนองความต้องการของคุณได้แล้ว:

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

ปัญหาใด ๆ โปรดแจ้งให้เราทราบผ่านลิงค์ความคิดเห็นในเว็บไซต์ของฉัน!

ในมุมมองของฉันวันที่และเวลาควรได้รับการจัดการเป็นสองกล่องอินพุตแยกต่างหากเพื่อให้สามารถใช้งานได้อย่างมีประสิทธิภาพและมากที่สุดสำหรับผู้ใช้ที่จะป้อนข้อมูล ให้ผู้ใช้ป้อนข้อมูลทีละอย่างเป็นหลักการที่ดี

ฉันใช้ Core UI DatePickerและตัวเลือกเวลาต่อไปนี้

สิ่งนี้ได้รับแรงบันดาลใจจาก Google ปฏิทินที่ใช้:

jQuery timePicker :
ตัวอย่าง: http://labs.perifer.se/timedatepicker/
โครงการบน github: https://github.com/perifer/timePicker

ฉันพบว่ามันเป็นสิ่งที่ดีที่สุดในบรรดาทางเลือกทั้งหมด ผู้ใช้สามารถป้อนข้อมูลได้อย่างรวดเร็วดูสะอาดง่ายและอนุญาตให้ผู้ใช้ป้อนเวลาเฉพาะลงไปจนถึงนาที

PS: ในมุมมองของฉัน: ตัวเลื่อน (ใช้โดยตัวเลือกตัวเลือกเวลาอื่น) ใช้จำนวนคลิกมากเกินไปและต้องการความแม่นยำของเมาส์จากผู้ใช้ (ซึ่งทำให้อินพุตช้าลง)

ประสบการณ์ที่ดีที่สุดของฉันกับ datepicker นั้นอยู่ที่ต้นแบบเวลาใดก็ได้ ฉันรู้ว่าไม่ใช่ jQuery แต่ก็อาจคุ้มค่ากับการประนีประนอมสำหรับคุณ ฉันรู้ว่าไม่มีต้นแบบและมันก็ยังง่ายพอที่จะใช้งานได้

มีข้อแม้หนึ่งข้อที่ฉันพบ: ไม่สามารถใช้งานร่วมกับเบราว์เซอร์บางตัวได้ นั่นคือมันไม่ได้ทำงานกับต้นแบบรุ่นใหม่บน Chrome

เพียงเพิ่มข้อมูลที่นี่โครงการ Fluid มีภาพรวมการเขียนข้อมูลแบบ wiki ที่ดีโดยมีตัวเลือกวันที่และ / หรือตัวเลือกเวลาจำนวนมากที่นี่

ฉันค้นคว้าสิ่งนี้เมื่อเร็ว ๆ นี้และยังไม่พบตัวเลือกวันที่ที่เหมาะสมซึ่งรวมถึงตัวเลือกเวลาที่ดี สิ่งที่ฉันลงเอยด้วยการใช้ก็คือDatePicker ที่ยอดเยี่ยมของ eyeconพร้อมด้วยการเลื่อนลงสองครั้งแบบง่าย ๆ ฉันถูกล่อลวงให้ใช้Timepickr.jsแต่ดูเหมือนว่าเป็นวิธีที่ดีจริงๆ

ฉันพบปัญหาเดียวกัน จริง ๆ แล้วฉันพัฒนาโดยใช้การเขียนโปรแกรมฝั่งเซิร์ฟเวอร์ แต่ฉันทำการค้นหาอย่างรวดเร็วเพื่อลองช่วยเหลือคุณและพบสิ่งนี้

ดูเหมือนว่าไม่ได้ดูแหล่งที่มามากเกินไป แต่ดูเหมือนว่าจะเป็นจาวาสคริปต์อย่างแท้จริง

ลองดู:

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

นี่คือลิงค์หน้าตัวอย่าง:

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

โชคดี

นี่คือรหัสบางส่วนที่ฉันใช้เพื่อให้ผู้ใช้เลือกหนึ่ง datetimepicker ตั้งค่า datetime และมี datetimepicker อื่นเพิ่มหนึ่งนาทีในเวลานั้น

ฉันต้องการสิ่งนี้สำหรับการควบคุมยาที่กำหนดเอง ....

อย่างไรก็ตามคิดว่ามันอาจช่วยคนอื่นเพราะฉันไม่สามารถหาคำตอบได้ที่ไหนออนไลน์ ...

(อย่างน้อยก็ไม่ใช่คำตอบที่สมบูรณ์)

โปรดทราบว่ามีการเพิ่ม 60000 เพิ่มหนึ่งนาที (60 * 1,000 มิลลิวินาที)

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

ดูปลั๊กอิน JavaScript ต่อไปนี้

ปฏิทิน Javascript พร้อมวันที่และเวลา

ฉันทำให้มันง่ายที่สุด แต่มันยังอยู่ในช่วงแรก แจ้งให้ฉันทราบความคิดเห็นเพื่อที่ฉันจะได้ทำการปรับปรุง

ไม่ jQuery แต่ก็ทำงานได้ดีสำหรับปฏิทินที่มีเวลา: JavaScript วันที่เวลาเลือก

ฉันเพิ่งผูกเหตุการณ์การคลิกเพื่อเปิด:

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

ฉันทำฟังก์ชันเดียวเช่นนี้:

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

จากนั้นฉันใช้ jQuery UI datepicker เช่นนี้:

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

ดังนั้นฉันจึงได้รับค่าเช่นนี้: 2010-10-31 12:41:57

เรามีปัญหาในการหาที่ทำงานตามที่เราต้องการดังนั้นฉันจึงเขียน ฉันรักษาแหล่งที่มาและแก้ไขข้อบกพร่องตามที่เกิดขึ้นพร้อมให้การสนับสนุนฟรี

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