angular-ui – 角度引导日期选择器的多个月显示

前端之家收集整理的这篇文章主要介绍了angular-ui – 角度引导日期选择器的多个月显示前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
Angular UI Bootstrap Datepicker中有一个选项可以显示多个月吗?像 JQuery datepicker中的numberOfMonths选项.

解决方法

使用2个不同型号的日期采摘器:

Here is a plunker:

<body ng-controller="MainCtrl as main">

<div ng-form class="btn-group" dropdown>

    <datepicker ng-model="main.startDate" max-date="main.endDate"></datepicker>
    <datepicker ng-model="main.endDate" min-date="main.startDate"></datepicker>

</div>
<p>{{main.startDate | date:'EEEE MMMM d'}} - {{main.endDate | date:'EEEE MMMM d'}}</p>
var app = angular.module('plunker',['ui.bootstrap']);

app.controller('MainCtrl',function($scope) {
  this.startDate = new Date();
  this.endDate = new Date(this.startDate.getTime() + 7 * 24 * 60 * 60 * 1000);
});

猜你在找的Angularjs相关文章