jQuery的日期/时间选择器[关闭](jQuery date/time picker [close

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

我发现了一个DatePicker的几个黑客与时俱进的工作，但他们似乎都相当不雅和谷歌是不是转向了什么好东西。

是否有一个良好的jQuery插件有一个可用的界面中选择在一个单一的UI控件的日期和时间？

Answer 1:

到目前为止，最好的，最简单的日期时间选择器选项是http://trentrichardson.com/examples/timepicker/ 。

这是jQuery UI的日期选择器的扩展，因此它将支持相同的主题，以及它的工作原理大同小异的方式，类似的语法等，这应与jQuery UI的IMO包装。

Answer 2:

@大卫，感谢您的建议！ @fluid_chelsea，我刚刚发布的任何+时间（TM）版本，它使用的不是原型jQuery和具有大大改善接口3.x的，所以我希望现在能满足您的需求：

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

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

Answer 3:

在我看来，日期和时间应为两个独立的输入框来处理它是最实用和高效的为用户输入。让我们在每次用户输入一个东西是一个很好的原则，恕我直言。

我用的是核心UI的DatePicker ，和下面的时间选择器。

这一个是由一个谷歌日历使用的启发：

jQuery的timePicker：
例子： http://labs.perifer.se/timedatepicker/
在github项目： https://github.com/perifer/timePicker

我发现它是在所有的替代品是最好的。用户可以输入速度快，它看起来干净，简单，并允许用户输入特定的时间到分钟。

PS：我认为：滑块（由一些可替换的时间选择器使用）采取太多的点击和需要来自用户的鼠标精度（这使得输入速度较慢）。

Answer 4:

我有一个datepicker最佳体验与基于原型的任意时间。我知道这不是jQuery的，但它可能仍然是值得你妥协。我知道绝对没有原型，它仍然是很容易的工作。

有一点需要注意，我发现：它不是前锋在某些浏览器兼容。也就是说，它没有与原型在Chrome更新版本。

Answer 5:

我想补充的信息在这里，流体工程有一个很好的维基写了overviewing大量的日期和/或时间选择器的位置。

Answer 6:

我最近刚刚研究这一点，还没有找到一个体面的日期选择器还包括一个体面的时间选择。我结束了使用是eyecon的真棒的DatePicker ，与时间两个简单的下拉菜单。我很想用Timepickr.js虽然看起来像一个非常好的方法。

Answer 7:

我已经遇到了同样的问题。其实，我开发我正在使用服务器端编程，但我做了快速搜索，试图帮助你发现这一点。

似乎好，没有从源头看太多了，但似乎是纯粹的JavaScript。

拿来看：

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

这里是演示页面链接：

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

祝好运

Answer 8:

这是一些代码，我使用有一个用户选择一个的DateTimePicker，设置日期时间，并有其他的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()));
        }
    });

Answer 9:

看看下面的JavaScript插件。

JavaScript的日历日期和时间

我做了它是简单越好。但它仍然处于初期阶段。让我知道了反馈，所以我可以改进。

Answer 10:

没有jQuery的，但它可以很好地用于随时间的日历： JavaScript的日期时间选取 。

我只是绑定的click事件流行起来：

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

Answer 11:

我做一个函数是这样的：

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的日期选择器是这样的：

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

所以，我得到的价值是这样的：2010-10-31 12点41分57秒

Answer 12:

我们已经很难找到一个工作，我们想要的方式它，所以我写了一个。我保持源，因为它们产生修复bug以及提供免费支持。

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

文章来源: jQuery date/time picker [closed]