TimePicker внутри kendoGrid

Question

Прежде всего я знаю об этой теме: Столбец datetimePicker в $ ("# grid"). KendoGrid

Но может быть, кто-то и не так поступает.

Я правильно получаю данные из API, так что это не проблема.

Вот моя модель:

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

Я бы хотел, чтобы у вас был таймер [префикс] Часы

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: Проблема может быть с форматом даты? Я получаю это так: 2000-01-01T00: 00: 00

Answer 1

Даже если я поместил console.log внутри, и ничего не печатается

Это потому, что это объект, вам нужно быть более конкретным. Вот немного больше информации об объекте параметров https://docs.telerik.com/kendo-ui/api/javascript/ui/grid/configuration/columns.editor

Вы можете попытаться просмотреть / распечатать содержимое этого объекта:

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

Убедитесь, что вы правильно импортируете все виджеты кендо:

 <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}"

Вот еще немного информации о форматах даты / времени кендо: https://docs.telerik.com/kendo-ui/api/javascript/ui/grid/configuration/columns.format