我对datepicker的最佳体验是使用基于原型的AnyTime . 我知道's not jQuery, but it may still be worth the compromise for you. I know absolutely no prototype, and it'仍然很容易使用 .
$('.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()));
}
});
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;
}
12 回答
到目前为止，最好最简单的DateTime选择器选项是http://trentrichardson.com/examples/timepicker/ .
它是jQuery UI Datepicker的扩展，因此它将支持相同的主题，它的工作方式非常相似，类似的语法等 . 这应该与jQuery UI imo一起打包 .
@David，感谢您的推荐！ @fluid_chelsea，我刚刚发布了Any Time（TM）版本3.x，它使用jQuery而不是Prototype，并且有一个大大改进的界面，所以我希望它现在满足你的需求：
http://www.ama3.com/anytime/
有任何问题，请通过我网站上的评论链接告诉我！
在我看来，日期和时间应该作为两个单独的输入框来处理，以使用户输入最有效和最有效 . 让用户一次输入一个东西是一个很好的原则，imho .
我使用核心UI DatePicker，以及下面的时间选择器 .
这个受Google日历使用的启发：
jQuery timePicker ：
示例：http://labs.perifer.se/timedatepicker/
项目在github上：https://github.com/perifer/timePicker
我发现它是所有替代品中最好的 . 用户可以快速输入，看起来干净，简单，并允许用户输入特定时间 .
PS：在我看来：滑块（由一些替代时间选择器使用）需要太多的点击并且需要用户的鼠标精度（这会使输入变慢） .
我对datepicker的最佳体验是使用基于原型的AnyTime . 我知道's not jQuery, but it may still be worth the compromise for you. I know absolutely no prototype, and it'仍然很容易使用 .
我发现一个警告：它在某些浏览器上不向前兼容 . 也就是说，它无法在Chrome上使用较新版本的原型 .
只是为了添加这里的信息，The Fluid Project有一个很好的wiki写作，概述了大量的日期和/或时间选择器here .
我刚刚研究了这个，并且还没有找到一个像样的日期选择器，其中还包括一个不错的时间选择器 . 我最终使用的是eyecon's awesome DatePicker，有两个简单的下拉时间 . 我很想使用Timepickr.js，看起来是一个非常好的方法 .
我遇到了同样的问题 . 我实际上开发了我的使用服务器端编程，但我做了一个快速搜索，试图帮助你找到这个 .
似乎没问题，没有看过太多来源，但似乎纯粹是JavaScript .
看看：
http://www.rainforestnet.com/datetimepicker/datetimepicker.htm
这是演示页面链接：
http://www.rainforestnet.com/datetimepicker/datetimepicker-demo.htm
祝好运
这是我用来让用户选择一个datetimepicker，设置datetime，并让另一个datetimepicker添加一分钟的代码 .
我需要这个定制药物控制....
无论如何，认为它可能会帮助别人，因为我找不到任何在线的答案...
（至少不完整答案）
请记住，60000添加，增加一分钟 . （60 * 1000毫秒）
看看下面的JavaScript插件 .
Javascript Calendar with date and time
我尽可能简单 . 但它还处于早期阶段 . 让我知道反馈，以便我可以改进它 .
不是jQuery，但它适用于具有时间的日历：JavaScript Date Time Picker .
我只是将click事件绑定为弹出它：
我创建了一个这样的函数：
然后我像这样使用jQuery UI datepicker：
所以，我得到这样的值： 2010-10-31 12:41:57
我们很难找到一个按照我们想要的方式工作，所以我写了一个 . 我维护源代码并修复出现的错误并提供免费支持 .
http://www.yart.com.au/Resources/Programming/ASP-NET-JQuery-Date-Time-Control.aspx