kendo-ui - KendoUI DateTimePicker 在 document.ready 上未定义

Question

我在尝试从 document.ready() 访问的 mvc (asp.net) 部分 View 中有一个 Kendo DateTimePicker 控件:

@(Html.Kendo().DateTimePickerFor(vvm => vvm.StartTime)
                    .Name("dtpVisitStart")
                    .Format("yyyy/MM/dd HH:mm tt")
                    .TimeFormat("HH:mm:tt")
                    .Events(e => e.Change("dtpVisitStart_Change")
                                )                               
)

JavaScript:

$(document).ready(function () { 
    TestDTP();
});

function TestDTP() {
    var dtp = $("#dtpVisitStart").getKendoDateTimePicker();
    debugger;
}

当调试器行运行时，dtp 是未定义的。如何在部分 View 加载时初始化此日期时间选择器？

Answer 1

如果您将就绪 block 放在页面底部，或者至少在小部件初始化代码 (also see this section of the docs) 下方，您的原始方法应该可行。

如果将它放在 @(Html.Kendo() 部分之上，TestDTP 将在小部件初始化之前运行，因为小部件初始化代码也包含在一个 jQuery 就绪 block (并且各种就绪 block 按顺序执行)。