TimePicker内部kendoGrid

Question

首先，我知道这个线程：datetimePicker Column in $("#grid").kendoGrid

但也许我做错了什么。

我正在正确地从api中获取数据，所以这里没有问题。

这是我的模型：

            schema: {
                model: {
                    fields: {
                        shopID: "shopID",
                        shpWorkingHourID: "shpWorkingHourID",
                        scheduleDay: "scheduleDay",
                        workStartHour: "workStartHour",
                        workEndHour: "workEndHour",
                    }
                }
            }

我想要时间选择器prefixHours

columns: [
                    {
                        title: "shop",
                        field: "shopID"
                    },
                    {
                        field: "workEndHour",
                        editor: function (container, options) {
                            console.log(options);
                            var input = $("<input/>");
                            input.attr("workEndHour", options.workEndHour);

                            input.appendTo(container);

                            input.kendoDateTimePicker({});
                        }

                    },

即使我把console.log放在里面，也没有打印出来。我不知道我做错了什么。

//编辑:即使我把: console.log('here')放在函数后面，它也不会显示。

                field: "workEndHour",
                editor: function (container, options) {
                    console.log('here');
                    console.log(options);
                    var dateString = kendo.toString(options.model.workEndHour, "HH:mm");
                    var input = $("<input value=" + dateString + " />").appendTo(container);
                    $input.datepicker();
                    input.attr("workEndHour", options.model.scheduleDay);
                },
                title: "some title"

//EDIT2 2:问题可能是日期格式？我就像这样: 2000-01-01T00:00:00

Answer 1

即使我把console.log放进去了，也没有打印出来

这是因为它是一个对象，你需要更具体。下面是关于options对象https://docs.telerik.com/kendo-ui/api/javascript/ui/grid/configuration/columns.editor的更多信息

您可以尝试通过以下方式查看/打印该对象的内容：

alert(JSON.stringify(options, null, 4));

确保正确导入所有kendo小部件：

 <script src="//kendo.cdn.telerik.com/2016.2.504/js/kendo.all.min.js"></script>

然后试试这个：

                                field: "workEndHour",
                                editor: function(container, options) {

                                var dateString = kendo.toString(options.model.workEndHour, "yyyy/MM/dd" );

                                var $input = $("<input value="+ dateString +" />").appendTo(container);
                                                    $input.datepicker();
                                },
                                title: "workEndHour",
                                //Specify format here. HH:mm maybe? I don't totally understand what you're trying with the hour perfix statement.
                                format: "{0:MM/dd/yyyy}"

以下是有关kendo日期/时间格式的更多信息：https://docs.telerik.com/kendo-ui/api/javascript/ui/grid/configuration/columns.format