我正在尝试使用数据禁用日期属性禁用angularstrap数据贴纸中的意大利庆祝活动。
<input type='text' bs-datepicker="true" ... data-disabled-dates="{{fest}}" />
以下是我如何生成日期:
$scope.fest = [{start: new Date(2015, 0, 1), end: new Date(2015, 0, 2)}, ...]
以下是console.log庆祝活动:
[{"start":"2014-12-31T23:00:00.000Z","end":"2015-01-01T23:00:00.000Z"},{"start":"2015-01-05T23:00:00.000Z","end":"2015-01-06T23:00:00.000Z"},{"start":"2015-04-24T22:00:00.000Z","end":"2015-04-25T22:00:00.000Z"},{"start":"2015-04-30T22:00:00.000Z","end":"2015-05-01T22:00:00.000Z"},{"start":"2015-06-01T22:00:00.000Z","end":"2015-06-02T22:00:00.000Z"},{"start":"2015-08-14T22:00:00.000Z","end":"2015-08-15T22:00:00.000Z"},{"start":"2015-10-31T23:00:00.000Z","end":"2015-11-01T23:00:00.000Z"},{"start":"2015-12-07T23:00:00.000Z","end":"2015-12-08T23:00:00.000Z"},{"start":"2015-12-24T23:00:00.000Z","end":"2015-12-25T23:00:00.000Z"},{"start":"2015-12-25T23:00:00.000Z","end":"2015-12-26T23:00:00.000Z"},{"start":"2015-04-04T22:00:00.000Z","end":"2015-04-05T22:00:00.000Z"},{"start":"2015-04-05T22:00:00.000Z","end":"2015-04-06T22:00:00.000Z"},{"start":"2015-12-31T23:00:00.000Z","end":"2016-01-01T23:00:00.000Z"},{"start":"2016-01-05T23:00:00.000Z","end":"2016-01-06T23:00:00.000Z"},{"start":"2016-04-24T22:00:00.000Z","end":"2016-04-25T22:00:00.000Z"},{"start":"2016-04-30T22:00:00.000Z","end":"2016-05-01T22:00:00.000Z"},{"start":"2016-06-01T22:00:00.000Z","end":"2016-06-02T22:00:00.000Z"},{"start":"2016-08-14T22:00:00.000Z","end":"2016-08-15T22:00:00.000Z"},{"start":"2016-10-31T23:00:00.000Z","end":"2016-11-01T23:00:00.000Z"},{"start":"2016-12-07T23:00:00.000Z","end":"2016-12-08T23:00:00.000Z"},{"start":"2016-12-24T23:00:00.000Z","end":"2016-12-25T23:00:00.000Z"},{"start":"2016-12-25T23:00:00.000Z","end":"2016-12-26T23:00:00.000Z"},{"start":"2016-03-26T23:00:00.000Z","end":"2016-03-27T22:00:00.000Z"},{"start":"2016-03-27T22:00:00.000Z","end":"2016-03-28T22:00:00.000Z"}];
Datepicker适用于数据最小日期,数据开始日期,数据最大日期,数据日期格式,但忽略数据禁用日期。为什么呢?
这是在github上打开的问题,我的代码详细说明: https://github.com/mgcrea/angular-strap/issues/1432
我不能以任何方式使它工作。
答案 0 :(得分:1)
我不确定它是最好的(或最差的)方式,而是通过改变angular-strap.js&#34; views.isDisabled&#34;似乎有效:
// Disabled because of disabled date range.
if (options.disabledDateRanges) {
for (var i = 0; i < options.disabledDateRanges.length; i++) {
var startRange = new Date(options.disabledDateRanges[i].start).getTime();
var endRange = new Date(options.disabledDateRanges[i].end).getTime();
if (time >= startRange && time <= endRange) {
return true;
}
}
}
答案 1 :(得分:0)
你可以尝试:
$scope.fest = [{"start": new Date("2014-12-31T23:00:00.000Z"),"end": new Date("2015-01-01T23:00:00.000Z")};
将ISO字符串转换为日期。