JQueryUI DatePicker Widget和Picker在（同一）页面上

Question

从技术上讲，他们不在＆＃34;相同＆＃34; page - 小部件位于主页面上，选择器位于子页面上，该子页面通过Jquery ajax内联加载。

我在窗口小部件模式中有一个Datepicker，显示正常

<div id="datepicker" style="margin-top: 3px;"></div>

JQuery部分 -

$('#datepicker').datepicker({
    beforeShowDay: function (date) {
       var m = date.getMonth(), d = date.getDate(), y = date.getFullYear();
       if ($.inArray(y + '-' + (m + 1) + '-' + d, highlightDates) != -1) {
           return [true, 'ui-datepicker-testavailable', ''];
       }
       return [true];
    },
    onSelect: function (selectedDate, instance) {
       PopulateScheduledTestsByDate(new Date(selectedDate));
    },
    onChangeMonthYear: function (year, month, inst) {
       GetScheduledTestDatesByMonth(month, year);
  }
});

这很好用，并在页面上精美地显示。

此页面上有一个部分，它使用Jquery Ajax加载第二页。在这＆＃34;第二＆＃34;页面上有一个附加到文本框的日期选择器，单击文本框时不会显示。

<input id="runSchedule" name="runSchedule" data-bind="value: runSchedule, visible: pageModeEdit" class="inputfield" style="display: none" />

JQuery部分 -

$(document).ready(function () {
    $('#runSchedule').datepicker();
});

如果我在主页上注释掉Widget datepicker Javascript，输入的datepicker就会显示出来。但我不能让两者一起出现。我在这里缺少什么？

感谢任何帮助。