asp.net - 我无法让日期选择器工作

Question

我需要一个显示日期选择器的字段。我按照 JQuery UI 文档给出的示例进行操作，但尚未成功使其工作。我的文本字段所在的 html 是:

<div class="editor-field">
                <input type = "text" name = "DatePublished" id = "Published" />
                <%= Html.ValidationMessage("DatePublished" ,"*") %>
            </div>

此 HTML 处于分部 View 中，我们将其称为 pv.ascx，并在主页中将其称为模态框:

<div id = "ModalBox">
                <% Html.RenderAction("pv", "Example"); %>
            </div>

问题是，我尝试在每次进入主页时调用日期选择器创建，并在我的 javascript 文件 app.js 中执行此操作:

 $().ready(function() {

    var place = window.location.pathname;
    var placesplit = place.split("/");
    //Depending on the location we are on, we execute different subroutines
    $('#Published').datepicker();

});

但是当我专注于文本字段时什么也没有发生。怎么了？难道从局部 View 调用它不起作用吗？

谢谢大家，维克托

编辑:我已经更新了 js，所以它显示了我现在添加的内容。这很奇怪，但是 $('#Published').datepicker();即使在其他页面中没有这样的文本字段，也不会在 firebug 上生成错误。怎么会发生这种事？我也尝试使用 chrome 调试器，也没有错误，看起来它立即忽略了该方法。然后我脑海中浮现出一个愚蠢的问题，我是否必须在我的 site.master 中引用某种 datepicker.js 库？因为我尝试了你告诉我的方法，方法就在那里，只是它没有做任何事情。很奇怪不是吗？

EDIT2:我一直在四处寻找，发现在模式对话框中使用日期选择器存在问题......我发现:

1. Add this to the stylesheet

#ui-datepicker_div, .ui-datepicker { z-index: 1000; /* must be > than
popup editor (950) */ }

2. Modify the attribute of the dialog zIndex to 1:

$('#myDialog').dialog({
                        title: 'Datepicker on Dialog',
                        zIndex: 1
                }); 

但它对我来说仍然不起作用......

Answer 1

无论是从部分 View 还是普通 View 调用，jQuery 都可以正常工作 - 最后全部呈现为文本。

运行故障排除思路列表:

1) 在将显示此文本框的页面上是否正确引用了 jQuery？

2)你的app.js文件引用正确吗？

3) 页面上是否正确引用了 jQuery UI 的 javascript 文件？您可以通过提醒函数来测试这一点:alert($.fn.datepicker)

4) 所有 jQuery UI 的 CSS 和图像都位于适当的位置，还是需要使用正确的 url 更新 CSS 文件才能找到图像？

5) 浏览器是否报告任何 Javascript 错误？

6) 对 datepicker 的调用是发生在 .ready() 事件内部还是其他地方？