代码之家 › 专栏 › 技术社区 › Jason Axelrod

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

picker datetime jquery javascript

1

Jason Axelrod · 技术社区 · 15 年前

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

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

必须能够同时选择日期和时间
在选择开始时间之前,应隐藏结束时间窗体。
选择开始时间后,应在6小时后自动设置结束时间
不能选择在开始时间之前发生的结束时间
应该能够处理时区,并且默认为用户的当前时区
应该能够发送一个UTC时间戳(我将存储在一个隐藏字段中;例如:1291004863)

感谢您的推荐。。。我对Javascript知之甚少。

1 回复 | 直到 15 年前

1

Nick G 15 年前

我将尝试扩展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