javascript - 绑定(bind)值时日期时间格式太复杂，AngularJS

Question

我的 angularJS WCFrest 项目上有一个日期选择器

我使用

获取数据

<div class="col-md-4">
  <input id="txtOldDate" type="date" class="datepicker" ng-model="oldDate" />
</div>

但是获取数据时获取的数据太复杂

Fri Dec 16 2016 00:00:00 GMT+07 (SE Asia Standard Time)

我只想获取日期选择器界面上的值

12/16/2016

这是我的controller.js

$scope.SearchApproval = function(employeeID, oldDate, newDate, departemen, approver) {
  var promiseGet = GetApproval.GetApprovalData($scope.employeeID, $scope.oldDate, $scope.newDate, $scope.departemen, $scope.approver);
  //GetApprovalData();
  promiseGet.then(function(pl) {
      $scope.GetApprovalData = pl.data
    },
    function(errorPl) {
      console.log('Some Error in Getting Records.', errorPl);
    });
}

有什么方法可以格式化结果吗？

我已经尝试过 $filter

$scope.oldDate = $filter('date')(new Date(dateString), 'yyyy-MM-dd');

但它给我这个错误

Error: [ngModel:datefmt] Expected 2016-12-20 to be a date

Answer 1

看看这个Angular Moment Js和 Moment Js这可能会有所帮助。

您可以使用moment js将其转换为以下内容

$scope.oldDate = moment(dateString).format("YYYY-MM-DD");

要使用它，您必须在项目中添加 Angular moment，上面的链接中解释了如何使用 nuget 或 bower 或 npm 添加。