Kendo AngularJS日期選擇器-如何將ng-model從時間戳設置為格式化日期？

Question

根據文檔http://demos.telerik.com/kendo-ui/datepicker/angular，A具有以下日期時間選擇器：

<input kendo-date-picker
                     k-options="monthSelectorOptions"
                     ng-model="milestone.estimate"
                     k-ng-model="dateObject" />

有以下選項：

  // SET OPTIONS FOR DATE TIME PICKER
  $scope.monthSelectorOptions = {
    format: "dd.MM.yyyy",
    change: $scope.onDateChange
  };

我想問一下如何從時間戳表示的日期中自動進行日期格式化：

ng-model="milestone.estimate"

在選擇日期之后，從選擇器更新范圍到時間戳的值，但在日期選擇器中顯示格式化日期。

有可能嗎，我該怎么辦？

非常感謝您的任何建議。

Answer 1

嘗試使用angularjs日期過濾器？ 就在您顯示的示例中：

<div class="demo-section k-content"ng-controller="MyCtrl">
    <div class="box-col">
        <h4>Select date:</h4>
        <input kendo-date-picker
         ng-model="dateString"
         k-ng-model="dateObject" />

再往下走...

dateObject: {{ dateObject | date:"EEEE, MMMM d, yyyy" }}

使日期與您想要的日期非常相似。 在這里閱讀更多：

https://docs.angularjs.org/api/ng/filter/date

Answer 2

您可以使用parseFormats屬性，讓parseFormats知道輸入是哪種格式。

parseFormats: ["dd/MM/yyyy'T'HH:mm:ss"] // e.g. 11/03/2015T18:05:00

在您的配置中：

// SET OPTIONS FOR DATE TIME PICKER
 $scope.monthSelectorOptions = {
    format: "dd.MM.yyyy",
    parseFormats: ["dd/MM/yyyy'T'HH:mm:ss"], // e.g. 11/03/2015T18:05:00
    change: $scope.onDateChange
 };

Answer 3

要使用角度代碼格式化日期，您可以通過在輸入上使用ng-change並傳遞yr ng-model來調用formatDate函數，因為ng-model也已附加到kendo日歷上，因此ng-change會格式化ng -模型

    function formatDate(anyDate) {
        return $filter('date')(anyDate, 'yyyy-MM-dd HH:mm:ss');
    }

$scope.formatDate = function(anyDate){
       return $filter('date')(anyDate, 'yyyy-MM-dd HH:mm:ss');
}

並將其注入yr控制器$ filter