在angular剑道日期选择器中将日期值绑定到ng-model

Question

我有一个api，它以这种格式返回日期"014-08-26T15:10:45.402Z"。我使用角剑道界面。我面临的问题是日期没有绑定到剑道日期选择器。有人能帮我一下吗?

         <input kendo-date-picker ng-model="emp.datestart" k-format="MM/dd/yyyy" />

Answer 1

为了让Kendo DatePicker与字符串日期值模型一起工作，您需要:

1)使用k-ng-model代替ng-model。

2)告诉小部件将以哪种格式解析日期。

<input kendo-date-picker k-ng-model="emp.datestart" k-options="datePickerOptions" />

然后在AngularJS控制器中指定日期解析格式，例如:

$scope.datePickerOptions = {
    parseFormats: ["yyyy-MM-ddTHH:mm:ss"]
};

Answer 2

你可以这样写

<h4>Select date:</h4>
        <input 
         kendo-date-time-picker
         k-options="monthSelectorOptions"             
         data-k-ng-model="dateObject"
         data-ng-model="dateString.startDate" 
         style="width: 100%;" />
var startDate = new Date();
      $scope.monthSelectorOptions = {
        value: startDate,
        format: "dd/MM/yyyy h:mm tt",
        parseFormats: ['ddd MMM dd yyyy'],
        animation: {
            close: {
                effects: "fadeOut zoom:out",
                duration: 300
            },
            open: {
                effects: "fadeIn zoom:in",
                duration: 300
            }
        },
        culture: "de-DE",
      };

这里是剑道道场的完整解决方案