Javascript 允许在使用Jquery日期选择器时键入时间

我有一个使用日期选择器的HTML文本框

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

$（函数（）{
$（“#”）日期选择器（{dateFormat:'yy/mm/dd'}）；
});

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

用这个

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

$（函数（）{
$（“#”）datepicker（{dateFormat:'yy/mm/dd'，constraintinput:false}）；
});

---

ConstraintInput:false允许在文本字段中键入任何内容

正如Rory已经评论的那样，jquery ui datepicker插件中没有时间，但是使用Trent Richardson（）创建的插件，您可以实现所需的功能

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

date

类：

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

$（'.date'）.datetimepicker({
showOn:“两者”，
按钮名称：“”，
buttonImageOnly:正确，
是的，
时间格式：“hh:mm:ss TT”
});

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

---

jQueryUI中没有计时器选择器，因此您需要使用第三方插件，例如：