Question

我正在尝试使用Kendo UI Core来学习Kendo并希望使用基本的DateTimePicker。我已经添加了以下链接到示例的头部和代码，但它只返回一个没有datepicker或其他任何东西的基本输入框。好像我错过了一个剧本或其他东西。有人对某些帮助有什么想法吗？

<head runat="server">
    <script src="Kendo/js/jquery.min.js"></script>
    <script src="Kendo/js/kendo.core.min.js"></script>
    <script src="Kendo/js/kendo.core.min.js"></script>
    <script src="Kendo/js/kendo.datepicker.min.js"></script>
    <script src="Kendo/js/kendo.datetimepicker.min.js"></script>
    <script src="Kendo/js/kendo.popup.min.js"></script>
    <script src="Kendo/js/kendo.timepicker.min.js"></script>
</head>
<body>
    <form id="form1" runat="server">

        <div id="example">
            <div id="to-do">
                <input id="datetimepicker" />
            </div>
            <script>
                $(document).ready(function () {
                    // create DateTimePicker from input HTML element
                    $("#datetimepicker").kendoDateTimePicker({
                        value: new Date()
                    });
                });
            </script>
            <style>
                #to-do {
                    height: 52px;
                    width: 221px;
                    margin: 30px auto;
                    padding: 91px 0 0 188px;
                }

                    #to-do .k-datetimepicker {
                        width: 200px;
                    }

                html.k-material #to-do {
                    height: 55px;
                    width: 260px;
                    padding: 87px 0 0 150px;
                }

                    html.k-material #to-do .k-datetimepicker {
                        width: 240px;
                    }
            </style>
        </div>

    </form>
</body>

Answer 1

您需要在 kendo.datepicker.min.js kendo.calendar.min.js 和 kendo.popup.min.js >。完整的JavaScript文件要求列表here。

我的第一个Kendo UI小部件可以工作吗？

1 个答案: