Jquery 肯多格里德里面的时间选择器

首先，我知道这条线索：

但我做错了什么可能会有一些问题

我正确地从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({});
                        }

                    },

列：[
{
标题：“店铺”，
字段：“shopID”
},
{
字段：“workEndHour”，
编辑器：函数（容器、选项）{
console.log（选项）；
变量输入=$（“”）；
input.attr（“workEndHour”，options.workEndHour）；
输入。附加到（容器）；
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"

字段：“workEndHour”，
编辑器：函数（容器、选项）{
console.log（'here'）；
console.log（选项）；
var dateString=kendo.toString（options.model.workEndHour，“HH:mm”）；
变量输入=$（“”）。附加到（容器）；
$input.datepicker（）；
input.attr（“workEndHour”，options.model.scheduleDay）；
},
标题：“一些标题”

//编辑2： 问题可能在于日期格式？我得到的是这样的：2000-01-01T00:00:00

即使我把console.log放在里面，什么也没打印出来

这是因为它是一个对象，你需要更具体一些。 下面是关于选项对象的更多信息

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

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

字段：“workEndHour”，
编辑器：函数（容器、选项）{
var dateString=kendo.toString（options.model.workEndHour，“yyyy/MM/dd”）；
var$input=$（“”）。appendTo（容器）；
$input.datepicker（）；
},
标题：“工作结束时间”，
//在这里指定格式。HH:mm可能吧？我不完全理解你在用hour perfix语句做什么。
格式：“{0:MM/dd/yyyy}”

以下是有关剑道日期/时间格式的更多信息：

---

感谢您的努力，但效果不太好：/I我用新的pieco代码编辑了我的文章。即使输入也不是在DOM中创建的