在角度剑道日期选择器中将日期值绑定到 ng-model答案

【问题标题】：Binding date value to ng-model in angular kendo date picker在角度剑道日期选择器中将日期值绑定到 ng-model
【发布时间】：2014-10-19 23:56:15
【问题描述】：

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

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

【问题讨论】：

标签： angularjs kendo-ui kendo-asp.net-mvc angular-kendo

【解决方案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"]
};

【讨论】：

您说的是 字符串日期值模型，那么有没有其他方法可以将它作为日期对象使用？ tia。

【解决方案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",
      };

And here is complete solution on kendo dojo

【讨论】：