0

它在第一次打开页面时起作用，但是当我导航到也使用日期选择器的其他页面时。它不再起作用了。我错过了代码中的某些内容吗？请看下文。太感谢了。

<link href="css/custom-theme/jquery-ui-1.10.3.custom.css" rel="stylesheet" />
<script src="js/jquery-1.9.1.js" type="text/javascript" language="javascript"></script>
<script src="js/jquery-ui-1.10.3.custom.js" type="text/javascript" language="javascript"></script>

<script type="text/javascript" language="javascript">
    $('#btnDfrom').focus(function () {
        $(this).datepicker();
    });
    $('#btnDto').focus(function () {
        $(this).datepicker();
    });
</script>


<span id="filtertxt">Date From: </span>
<input type="text" id="btnDfrom" />
<span id="filtertxt">Date To: </span>
<input type="text" id="btnDto" />

这个也不行

$(function(){
   $('#btnDfrom').datepicker();
   $('#btnDto').datepicker();
});
4

2 回答 2

1

Jquery UI datepicker 不打算在同一个元素上多次调用，如果你在焦点事件上调用它会发生这种情况。

您需要做的就是在目标元素上调用一次，如下所示：

$(function(){
    $('#btnDfrom').datepicker();
    $('#btnDto').datepicker();
});

datepicker 插件将自行处理元素上的点击和焦点事件，您不需要这样做。

编辑：您还应该检查您是否在使用日期选择器的每个页面上都包含脚本文件、css 文件和此代码（但请确保它只包含一次！）

于 2013-08-02T09:01:39.027 回答
0

你的代码看起来很酷

$(function(){
    $('#btnDfrom').datepicker();
    $('#btnDto').datepicker();
});

检查您的代码，我认为可能是 jquery 在您的页面中某处发生冲突。

于 2013-08-02T09:34:15.020 回答