当我使用Configuration Generator代码时,所有内容都会出现无效日期

时间:2016-10-17 04:36:13

标签: javascript daterangepicker bootstrap-daterangepicker

使用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"。

1 个答案:

答案 0 :(得分:0)

我明白了。而不是将日期格式化为"2016-10-17T04:27:01.501Z",日期需要格式化为"10/17/2016"

文档中的示例不起作用的事实非常愚蠢。