jquery——一个日期选择器和一个时间选择器不能在一个页面上工作

我在一个页面上有两个输入框，一个使用日期选择器，另一个使用时间选择器

如果我在时间输入框中输入了无效的时间，它将重置日期输入框

有人能帮我修复这个错误吗

谢谢

<input Value="2012-11-20" data-val-regex-pattern="^\d{4}(\-)\d{2}(\-)\d{2}$" id="HappenDate" name="HappenDate" type="text" value="" />

<input Value="08:14:02.600" data-val="true" data-val-regex-pattern="^\d{2}(:)\d{2}(:)\d{2}(.)\d{1,3}$" id="HappenTime" name="HappenTime" type="text" value="" />

<script type="text/javascript">
$(document).ready(function () {
    $("input#HappenDate").datepicker();
});
$(document).ready(function () {
    $("input#HappenTime").timepicker({
        showSecond: true,
        showMillisec: true,
        stepMillisec: 100,
        timeFormat: 'HH:mm:ss.l'
    });
});
</script>

$（文档）.ready（函数（）{
$（“输入#HappenDate”）.datepicker（）；
});
$（文档）.ready（函数（）{
$（“输入#HappenTime”）。时间选择器({
第二：是的，
是的，
步长毫秒：100，
时间格式：“HH:mm:ss.l”
});
});

只使用一个$（document）.ready（函数（）

首先，您不需要两个$（document）.ready（函数（）{}）声明，您可以在一个中完成所有操作。另外，我假设您正在使用某种验证插件？或者您如何确定某个时间是否有效？您正在使用什么时间选择器插件？默认情况下，jqueryui中没有。