Question

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

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

必须能够同时选择日期和时间
应该隐藏结束时间表格，直到选择开始时间。
选择开始时间后，结束时间应自动设置为6小时后
无法选择在开始时间之前发生的结束时间
应该能够处理时区，默认为用户的当前时区
应该能够发送UTC时间戳（我将存储在隐藏字段中;例如：1291004863）

我的建议值得赞赏......我对Javascript知之甚少。

Answer 1

我会尝试使用以下页面上的修改来扩展jQuery UI datepicker： http://addyosmani.com/blog/the-missing-date-time-selector-for-jquery-ui/

jQuery UI事件搜索示例代码只需添加新参数即可使其正常工作。

希望有所帮助！

编辑： datepicker范围的示例代码（使用上面链接中的代码）：

-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

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

1 个答案: