使用http://www.daterangepicker.com/#examples中的配置生成器,我选择了"范围(带有示例预定范围)"得到以下JS:
$('#demo').daterangepicker({
"ranges": {
"Today": [
"2016-10-17T04:27:01.501Z",
"2016-10-17T04:27:01.501Z"
],
"Yesterday": [
"2016-10-16T04:27:01.501Z",
"2016-10-16T04:27:01.501Z"
],
"Last 7 Days": [
"2016-10-11T04:27:01.501Z",
"2016-10-17T04:27:01.501Z"
],
"Last 30 Days": [
"2016-09-18T04:27:01.501Z",
"2016-10-17T04:27:01.501Z"
],
"This Month": [
"2016-10-01T05:00:00.000Z",
"2016-11-01T04:59:59.999Z"
],
"Last Month": [
"2016-09-01T05:00:00.000Z",
"2016-10-01T04:59:59.999Z"
]
},
"startDate": "10/10/2016",
"endDate": "10/16/2016"
}, function(start, end, label) {
console.log("New date range selected: ' + start.format('YYYY-MM-DD') + ' to ' + end.format('YYYY-MM-DD') + ' (predefined range: ' + label + ')");
});
不幸的是,当我使用它时,每个日期都无效。这是一个JS小提琴,展示了我的意思:
https://jsfiddle.net/LgetLa6c/
如果您将鼠标悬停在任何内容上,它会说"无效日期"。唯一没有说"无效的日期"是" Custom Range"。
答案 0 :(得分:0)
我明白了。而不是将日期格式化为"2016-10-17T04:27:01.501Z"
,日期需要格式化为"10/17/2016"
。
文档中的示例不起作用的事实非常愚蠢。