1

我环顾四周，确实看到了人们之前询问日期/时间选择器的问题；不幸的是，这些线程都不符合我的特定需求。我看到很多人也推荐 Any+Time，但它似乎有点“沉重”，我正在寻找轻量级。

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

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

非常感谢您的建议...我对 Javascript 不太了解。

4

1 回答 1

1

我会尝试通过在以下页面上进行的修改来扩展 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-29T05:02:10.423 回答