需要具有特定功能的日期/时间选取器

我环顾四周，我确实看到以前的问题，人们询问日期/时间选取器;不幸的是，这些线程都不符合我的具体需求。我看到很多人推荐Any + Time，但它看起来有点“沉重”，我正在寻找轻量级的。需要具有特定功能的日期/时间选取器

基本上，我需要一个日期/时间选择器的“事件”。这里的事件搜索选择器（http://jqueryui.com/demos/datepicker/#event-search）非常好，但它不处理时间。我的表单是基于jQuery构建的，所以我可以使用它。

必须能够同时选择日期和时间，直到选择开始时间
结束时间的形式应该被隐藏。
选择开始时间后，结束时间应自动6小时设置后
不应该能够选择一个结束时间，是以开始时间
前地方应该能够处理时区，并默认为用户的当前时区
应该能够发出一个UTC时间戳（我将在一个隐藏字段存储;例如：1291004863）

你的建议是赞赏...我不知道很多有关的Javascript 。

来源

2010-11-29 Jason Axelrod

我只是把时间在一个单独的领域。您可以轻松使用小时，分钟，上午/下午的下拉菜单。然后在这些之上放置一些jQueryUI滑块。需要Calandars是因为我们不知道下一个星期日是哪一天，或者本月的第31个星期。时间很简单，所以几乎没有必要为它设置一个奇特的小部件。 – Keyo 2010-11-29 05:14:47

虽然不会处理时区... – 2010-11-29 08:11:11

我会尝试扩大与下面的页面上所做的修改jQuery UI的日期选择器： http://addyosmani.com/blog/the-missing-date-time-selector-for-jquery-ui/

的jQuery UI的事件搜索示例代码只需要添加，使其工作的新参数。

希望有帮助！

编辑：对日期选择范围实施例的代码（使用代码从上方连结）：

-HTML-

<p> 
    <label for="from">From:</label> <input class="datetime" type="text" name="from" id="from" value="" /> 
    <label for="to">To:</label> <input class="datetime" type="text" name="to" id="to" value="" /> 
</p>

-js-

$(function() { 
    $('.datetime').datepicker({ 
     duration: '', 
     showTime: true, 
     constrainInput: false 
    }); 
});

这里看到的链接动作： http://bit.ly/hZTR84

来源

2010-11-29 05:02:10

需要具有特定功能的日期/时间选取器

回答

相关问题