KendoDatePicker无法识别来自Web服务的json中返回的日期

时间:2013-12-17 19:21:17

标签: javascript json kendo-ui kendo-datepicker

我将Kendo UI日期窗口小部件绑定到对象中的属性(以下示例中为TestDate)。 使用从Web服务返回的json填充TestDate - 在下面的示例中,goalHeader1是从json填充的对象。问题是json在ISO标准字符串中指定日期。 Kendo网格列处理得很好,但表单控件似乎只处理纯JavaScript日期值。当然,我可以添加代码将每个json日期转换为客户端上的javascript日期,但我不想让每个应用程序开发人员每次调用Web服务时都这样做。
我们使用MVC webapi v1将我们的对象转换为json。思考? http://jsfiddle.net/gQcS3/8/

代码:

var observable = new kendo.data.ObservableObject({ 
    goalHeader1: {
        TestDate: "2014-01-02T00:00:00",
        test: "testText"
    }
});

// following statement generated from Kendo's asp.net wrapper Q3 2013:
    jQuery(function(){jQuery("#testDate").kendoDatePicker({"format":"M/d/yyyy","min":new Date(1900,0,1,0,0,0,0),"max":new Date(2099,11,31,0,0,0,0)});});

kendo.bind($(document.body), observable); 

1 个答案:

答案 0 :(得分:1)

创建日期选择器时使用parseFormats

jQuery("#testDate").kendoDatePicker({
    "format": "M/d/yyyy",
    parseFormats: ["yyyy-MM-ddTHH:mm:ss"],
    "min": new Date(1900, 0, 1, 0, 0, 0, 0),
    "max": new Date(2099, 11, 31, 0, 0, 0, 0)
});

See demo