看看下面的JavaScript插件。

带有日期和时间的Javascript日历

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

在我看来，日期和时间应该作为两个单独的输入框处理，以便用户输入时最可用和最有效。让用户一次只输入一件东西是一个很好的原则。

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

这一个是受到谷歌日历使用的启发:

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

我发现它是所有选择中最好的。用户可以快速输入，它看起来干净，简单，并允许用户输入具体的时间，精确到分钟。

PS: 在我看来:滑块(一些替代时间选择器使用的滑块)需要太多的点击，并且需要用户的鼠标精度(这会使输入速度变慢)。

我们很难找到一个我们想要的工作方式，所以我写了一个。我维护源代码，修复bug，并提供免费支持。

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

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

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

看:

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

下面是演示页面链接:

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

祝你好运

我使用数据采集器的最佳体验是基于原型的随时随地。我知道这不是jQuery，但对于您来说，折衷一下还是值得的。我完全不知道原型，但它仍然很容易操作。

我发现了一个警告:它在某些浏览器上不向前兼容。也就是说，它不能在Chrome上的新版本原型上运行。

我做了一个这样的函数:

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