Question

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

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

And here is complete solution on kendo dojo

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

2 个答案: