Kendo ui document.ready上未定义KendoUI日期时间选择器

我试图从document.ready（）访问mvc（asp.net）部分视图中的Kendo DateTimePicker控件：

javascript：

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

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

---

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

我通常使用此选项获取实例：

---

var dtp=$（'#dtpVisitStart'）.data（'kendoDateTimePicker'）

我最后做的是从纯javascript初始化datetimepicker并放弃razor版本：

function TestDTP() {
    $("#dtpVisitStart").kendoDateTimePicker({
        format: "MM/dd/yyyy HH:mm tt",
        timeFormat: "HH:mm", 
        change: dtpVisitStart_Change, 
        value: "@(startTime)"
    });
    var dtp = $("#dtpVisitStart").getKendoDateTimePicker();
    debugger;
}

---

如果您将ready块放在页面底部，或者至少放在小部件初始化代码（）的下面，那么您最初的方法应该可以工作

如果将其放在

@（Html.Kendo（）

部分上方，

TestDTP

将在小部件初始化之前运行，因为小部件初始化代码也包装在jQuery就绪块中（并且各个就绪块按顺序执行）.

我相信我得到它的方式和你得到它的方式基本相同。我的代码在文档外部工作。准备好了，但从内部没有。

function TestDTP() {
    $("#dtpVisitStart").kendoDateTimePicker({
        format: "MM/dd/yyyy HH:mm tt",
        timeFormat: "HH:mm", 
        change: dtpVisitStart_Change, 
        value: "@(startTime)"
    });
    var dtp = $("#dtpVisitStart").getKendoDateTimePicker();
    debugger;
}