多个月显示角度bootstrap datepicker

Question

多个月显示角度bootstrap datepicker

dr.*_*lix 5 angular-ui angular-ui-bootstrap

Angular UI Bootstrap Datepicker中有一个选项可以显示多个月吗？喜欢numberOfMonthsJQuery datepicker中的选项.

Answer 1

使用 2 个不同型号的日期选择器：

<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>

Run Code Online (Sandbox Code Playgroud)

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);
});

Run Code Online (Sandbox Code Playgroud)

归档时间：	11 年，3 月前
查看次数：	1657 次
最近记录：	10 年，11 月前