angularjs - angularjs 带 datepicker 如何设置日期

Question

我正在尝试使用角带日期选择器 当我选择日期时，它会返回类似“2013-10-21T00:00:00.000Z”的字符串但是当我将此字符串设置为变量时，他没有反应......我试过这个方法

 $scope.var1="2013-10-14T00:00:00.000Z";
 $scope.var1= {date: new Date("2013-10-14T00:00:00.000Z")};
 $scope.var1="08/10/2012";

这是plunker 如何给他发送日期？

有什么方法可以与之交互吗？或者我必须只使用分配为他的模型的 var1？

Answer 1

字符串 like2013-10-14T00:00:00.000Z表示 by new Date()。

要存储表单，您可以通过创建自定义指令来做到这一点：

指示

app.directive('datetimez', function() {
    return {
        restrict: 'A',
        require : 'ngModel',
        link: function(scope, element, attrs, ngModelCtrl) {

          element.datepicker({
            dateFormat:'dd/MM/yyyy',
          }).on('changeDate', function(e) {
             console.log(e.date);
            ngModelCtrl.$setViewValue(e.date);
            scope.$apply();
          });
        }
    };
});

HTML

<input id="inputDatepicker" class="input-small" type="text" datetimez ng-model="var1" data-date-format="dd/mm/yyyy" >

看演示Plunker

Answer 2

希望这对其他人有帮助......我只花了 20 分钟寻找这个。

HTML：

<input type="date" id="date" ng-model="object.date"> 

控制器：

.controller('yourController', function($scope) {
  $scope.object = {
    date: new Date()
  }
});