jQuery日期/时间选择器

我一直在寻找一个体面的jQuery插件，可以处理日期和时间。核心UI DatePicker是伟大的，但不幸的是，我需要能够花时间在以及。

我发现了一些让DatePicker处理时间的小技巧，但它们看起来都很不优雅，谷歌也没有任何好的结果。

有一个很好的jQuery插件选择日期和时间在一个单一的UI控件与可用的界面?

当前回答

这是一些代码，我用来让用户选择一个 Datetimepicker，设置datetime，并拥有其他datetimepicker添加一分钟到该时间。

我需要这个自定义药物控制....

总之，我觉得既然我能帮到别人在网上找不到答案…

(至少不是一个完整的答案)

请记住，60000的增加，增加了一分钟。 (60 * 1000毫秒)

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

2012-05-08 20:48:10

其他回答

@David，谢谢你的推荐!@fluid_chelsea，我刚刚发布了Any+Time(TM)第三版。它使用jQuery而不是Prototype，并且有一个很大的改进的界面，所以我希望它现在能满足你的需求:

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

任何问题，请通过我网站上的评论链接让我知道!

2009-12-28 15:02:23

这是一些代码，我用来让用户选择一个 Datetimepicker，设置datetime，并拥有其他datetimepicker添加一分钟到该时间。

我需要这个自定义药物控制....

总之，我觉得既然我能帮到别人在网上找不到答案…

(至少不是一个完整的答案)

请记住，60000的增加，增加了一分钟。 (60 * 1000毫秒)

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

2012-05-08 20:48:10

我也遇到过同样的问题。我实际上是用服务器端编程开发的，但我做了一个快速搜索，试图帮助你找到这个。

看起来还好，没有看太多的源代码，但似乎是纯JavaScript。

看:

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

下面是演示页面链接:

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

祝你好运

2009-08-07 15:02:39

看看下面的JavaScript插件。

带有日期和时间的Javascript日历

我已经尽可能简单了。但它仍处于早期阶段。让我知道反馈，以便我改进它。

2012-08-02 15:03:02

我做了一个这样的函数:

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

2010-10-15 05:44:28

jQuery日期/时间选择器

推荐文章

最新文章

标签