我无法让日期选择器工作

Question

我需要一个显示日期选择器的字段。 我遵循了JQuery UI文档给出的示例，但尚未设法使其正常工作。 我的文本字段所在的html是：

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

该HTML处于部分视图中，我们称其为pv.ascx，并在主页中将其作为模式框进行调用：

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

事实是，我每次进入主页时都尝试调用datepicker创建，并在我的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();

});

但是当我专注于文本字段时，什么也不会发生。 怎么了？ 从局部视图调用它是否可能不起作用？

谢谢大家，维克托

编辑：我已经更新了js，所以它显示了我现在添加的内容。 这很奇怪，但是$（'＃Published'）。datepicker（）; 即使在其他页面中没有此类文本字段，也不会在Firebug上生成错误。 怎么会发生这种情况？ 我也尝试了chrome调试器，也没有出现错误，因为它立即忽略了该方法。 然后这只是一个愚蠢的问题，我是否必须在site.master中引用某种datepicker.js库？ 因为我尝试了您告诉我的内容，并且该方法存在，所以只是它对此没有任何作用。 是不是很奇怪

EDIT2：我一直在环顾四周，发现在模式对话框中使用datepickers有一个问题。...我发现有：

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

无论是从局部视图还是普通视图调用jQuery，jQuery都可以正常工作-最终全部以文本形式呈现。

逐一排查故障排除思路：

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

2）是否正确引用了您的app.js文件？

3）页面上是否正确引用了jQuery UI的javascript文件？ 您可以通过以下功能进行测试： alert($.fn.datepicker)

4）是否所有jQuery UI的CSS和图像都位于适当的位置，还是需要使用适当的URL更新CSS文件以查找图像？

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

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

Answer 2

请检查

1. 如果正确引用了jQuery库和jQuery ui

2. 确保$('#Published').datepicker(); 在里面

   jQuery（document）.ready（function（）{}）;

3. 您的app.js文件是否被正确引用？