如何在角度JS形式中使用日期选择器。

Question

如何在angularJS表单中添加日期选择器，我有一个表单，并希望使用日期选择器日历。这样在从日历中选择日期后，它就会填入现场。

Answer 1

我最喜欢的是：https://github.com/adamalbrecht/ngQuickDate

最小，没有依赖。

如果您想亲自尝试，请查看其他人是如何做到的。 基本上你会将范围暴露给指令并从那里操纵它。

Answer 2

您可以使用angular-ui datapicker

   <div style="display:inline-block; min-height:290px;">
    <datepicker ng-model="dt" min-date="minDate" show-weeks="true" class="well well-sm"></datepicker>
</div>

请通过以下链接 http://angular-ui.github.io/bootstrap/

它具有我们需要的所有角度控制

你需要下载bootstrap.css，ui-bootstrap js和其他依赖项。 您还可以在模块中添加库，如下所示

 angular.module('myModule', ['ui.bootstrap']); 

您需要做的一切都在这里给出：http://angular-ui.github.io/bootstrap/

Answer 3

这对我来说是最好的https://720kb.github.io/angular-datepicker/

看起来很好并且工作正常

修改

您可以使用Datepicker Angular。

你可以这样做是为了Html

<div ng-app="myApp">
  <div ng-controller="Ctrl as ctrl">
    <input datepicker type="text" ng-model="myDate"/>
  </div>
</div>

和javascript上的这个

var app = angular.module('myApp', ['720kb.datepicker']);

app.controller('Ctrl', ['$scope', function ($scope) {
  var liveDate;

  $scope.$watch('myDate', function (value) {
    try {
     liveDate = new Date(value);
    } catch(e) {}

    if (!liveDate) {

      $scope.error = "This is not a valid date";
    } else {
      $scope.error = false;
    }
  });
}]);

请记住添加库。 希望对你有用