允许在使用Jquery datepicker时键入时间

Question

我有一个使用datepicker的HTML文本框。

<script type="text/javascript">
    $(function () {
        $("#<%= txtDateFrom.ClientID  %>").datepicker({ dateFormat: 'yy/mm/dd' });
    });

我希望用户也可以选择输入时间。目前，用户可以编辑文本框，但只能编辑日期部分。

Answer 1

使用此

<script type="text/javascript">
$(function () {
     $("#<%= txtDateFrom.ClientID  %>").datepicker({ dateFormat: 'yy/mm/dd', constrainInput: false });
});
</script>

constrainInput：false允许在文本字段中输入任何内容

Answer 2

正如Rory已经评论过的那样，jquery ui datepicker插件中没有时间，但使用Trent Richardson（http://trentrichardson.com）创建的插件，你可以实现你想要的目标。

我经常在各种项目中使用这个插件，我习惯在主视图中的某个地方初始化date类：

    $('.date').datetimepicker({
        showOn: "both",
        buttonImage: '<%:Url.Image("calendar.gif")%>',
        buttonImageOnly: true,
        ampm: true,
        timeFormat: 'hh:mm:ss TT'
    });

这是我刚刚拍摄的快照，注意它有两个日期字段，输入是完全免费的类型，手动添加时间或使用弹出窗口内的日历滚动添加时间：