angular日历插件---- angular-daterangepicker

在开发中经常需要用的日期的选择，这里介绍一下 angular-daterangepicker的用法 第一步：使用bower安装 bower install angular-daterangepicker --save 第二步：在html中引入

<script src="bower_components/angular-daterangepicker/js/angular-daterangepicker.min.js"></script>
<script src="bower_components/bootstrap-daterangepicker/daterangepicker.js"></script>
<script src="bower_components/moment/moment.js"></script>
复制代码

    <link href="bower_components/bootstrap-daterangepicker/daterangepicker.css" rel="stylesheet">
复制代码

第三步：声明依赖

App = angular.module('app', ['daterangepicker']);
复制代码

第四步：在controller中初始化

exampleApp.controller('TestCtrl', function ($scope) {
	$scope.datePicker.date = {startDate: null, endDate: null};
}
复制代码

第五步：在html中添加属性即可

<div ng-controller="TestCtrl">
<input date-range-picker class="form-control date-picker" type="text" ng-model="datePicker.date" />
</div>
复制代码

原文:github.com/fragaria/an…