Question

它首先打开页面，但是当我导航到其他使用datepicker的页面时。它不再有效。我在代码中遗漏了什么吗？请看下面。非常感谢你。

<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();
});

Answer 1

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

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

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

datepicker插件将负责处理点击并将事件集中在元素上，您不需要这样做。

编辑：您还应检查您是否在使用datepicker的每个页面上包含脚本文件，css文件和此代码（但请确保它仅包含一次！）

Answer 2

你的代码看起来很酷

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

检查你的代码我认为可能是jquery在你网页的某个地方发生冲突。

Jquery datepicker在回发后无法正常工作

2 个答案: