-1

我正在尝试学习剑道，并希望使用 Kendo UI Core 来学习基本的 DateTimePicker。我已将以下链接添加到示例中的头部和代码，但它只返回一个基本输入框，没有日期选择器或其他任何东西。好像我缺少脚本或其他东西。有人对一些帮助有任何想法吗？

<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>
4

1 回答 1

1

您需要在kendo.datepicker.min.js之前包含kendo.calendar.min.js和kendo.popup.min.js。此处提供了 JavaScript 文件要求的完整列表。

于 2015-04-06T09:59:00.690 回答