javascript - 使用 Jquery datepicker 时允许输入时间

Question

我有一个使用日期选择器的 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'
    });

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