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

发布时间：2020-12-17 18:08:03 所属栏目：安全来源：网络整理

导读：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

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!