为什么日期选择器没有加载到我的Kendo应用程序中?

时间:2017-12-11 21:43:55

标签: angularjs kendo-ui datepicker

我正在按照如何使用DatePicker小部件的示例进行操作,但它似乎无法在我的应用上正确加载。我现在正在做:

<div class="form-group row">
        <label for="start_date" class="col-sm-3 col-form-label">Start Date</label>
        <div class="col-sm-9">
          <input kendo-date-picker />
        </div>
      </div>

不幸的是,这不能正确创建窗口小部件,只会创建一个文本输入框。有谁知道为什么会出现这个问题?我很感激任何见解! enter image description here

1 个答案:

答案 0 :(得分:0)

您必须缺少某些标记和/或应用初始化。

这是一个有效的DatePicker,问题中的标记包含在ng-app div中,并且应用程序在脚本中初始化:

https://dojo.telerik.com/@Stephen/elURO

HTML:

<div ng-app="app" ng-controller="MyCtrl">
    <!-- This is your markup -->
    <div class="form-group row">
        <label for="start_date" class="col-sm-3 col-form-label">Start Date</label>
        <div class="col-sm-9">
            <input kendo-date-picker />
        </div>
    </div>
    <!-- End of your markup -->
</div>

脚本:

angular.module("app", ["kendo.directives"]).controller("MyCtrl", function($scope) {
});