Question

我正在为我的ASP.Net MVC 3 Web应用程序使用 JQuery DatePicker 插件。我以前在其他应用程序中使用了很多次DatePicker而没有任何麻烦。

但是，我在当前的应用程序中遇到了一个问题，即JQuery DatePicker只是间歇性地工作。我的意思是，例如，我有以下JavaScript文件

$(document).ready(function () {

    //Equal Opps
    $('#DOB').datepicker({ dateFormat: 'dd/mm/yy', changeMonth: true, changeYear: true, yearRange: "1900:2030" });


});

我的Razor View中引用了这个文件（以及使DatePicker工作所需的所有其他文件），然后我有了下面的TextBox，一旦点击，就会弹出DatePicker。

<div class="editor-field sepH_b">
            @Html.TextBoxFor(model => model.DOB)
            @Html.ValidationMessageFor(model => model.DOB)
</div>

但是，有时当页面加载并且我单击TextBox时，DatePicker会弹出，如果我刷新页面并再次单击TextBox，则DatePicker将无法工作，如果我再次刷新并单击TextBox，DatePicker然后工作???

有时当我第一次加载页面时，DatePicker根本不起作用。

我真的无法解决这里发生的事情。也许这是一个缓存问题，但我真的不知道。

请有人帮助我，我们将不胜感激。

谢谢。

Answer 1

希望您正确链接jquery js文件。当我在本地引用它们时，我遇到了类似的问题。在检查broswer错误控制台时，我发现jquery-ui文件未正确加载。

使用jquery和jquery-ui的Google主机链接。

Answer 2

在详细查看我的代码后，我意识到在我的主布局页面的 head 部分，我引用了各种JQuery脚本。我忘了这些脚本已经在这里被引用了，但我仍然在我的网站的其他页面中再次引用它们。我删除了重复的引用，所有内容似乎都按预期工作了。

JQuery DatePicker间歇工作

2 个答案: