我一直在寻找一个体面的jQuery插件,可以处理日期和时间。核心UI DatePicker是伟大的,但不幸的是,我需要能够花时间在以及。
我发现了一些让DatePicker处理时间的小技巧,但它们看起来都很不优雅,谷歌也没有任何好的结果。
有一个很好的jQuery插件选择日期和时间在一个单一的UI控件与可用的界面?
我一直在寻找一个体面的jQuery插件,可以处理日期和时间。核心UI DatePicker是伟大的,但不幸的是,我需要能够花时间在以及。
我发现了一些让DatePicker处理时间的小技巧,但它们看起来都很不优雅,谷歌也没有任何好的结果。
有一个很好的jQuery插件选择日期和时间在一个单一的UI控件与可用的界面?
当前回答
到目前为止,最好和最简单的DateTime选择器选项是http://trentrichardson.com/examples/timepicker/。
它是jQuery UI Datepicker的扩展,因此它将支持相同的主题,它的工作方式非常相似,语法相似,等等。这应该与jQuery UI打包imo。
其他回答
只是为了补充这里的信息,the Fluid Project有一个很好的wiki文章,概述了大量的日期和/或时间选择器。
看看下面的JavaScript插件。
带有日期和时间的Javascript日历
我已经尽可能简单了。但它仍处于早期阶段。 让我知道反馈,以便我改进它。
我们很难找到一个我们想要的工作方式,所以我写了一个。我维护源代码,修复bug,并提供免费支持。
http://www.yart.com.au/Resources/Programming/ASP-NET-JQuery-Date-Time-Control.aspx
@David,谢谢你的推荐!@fluid_chelsea,我刚刚发布了Any+Time(TM)第三版。它使用jQuery而不是Prototype,并且有一个很大的改进的界面,所以我希望它现在能满足你的需求:
http://www.ama3.com/anytime/
任何问题,请通过我网站上的评论链接让我知道!
这是一些代码,我用来让用户选择一个 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()));
}
});