jQuery UI 加载 DateRangePicker 开始日期和结束日期

Question

嵌入了 jQuery UI DateRangePicker

它按预期工作，但我想在加载时添加预先选择的范围。根据 API 的描述，我尝试了 setRange 选项，但要么我遗漏了一些东西，要么我的开始和结束格式不正确。

JS

$(function() {
    $("#e1").daterangepicker({
    initialText : 'Select period...',   
    setRange({"start":"2016-11-02", "end":"2017-01-20"}) // I tried different variations with and without quotes as well

    });
});

HTML

<input id="e1" name="e1" >

Answer 1

您已将属性放入“ ”。用这个替换你的 jQuery::

$(function() {
    $("#e1").daterangepicker({
    initialText : 'Select period...',   
    setRange({start:"2016-11-02", end:"2017-01-20"})    
    });
});

希望它能奏效。

Answer 2

setRange 是方法，不是选项。所以也许这段代码有效：

$(function() {
    $("#e1")
    .daterangepicker({
        initialText : 'Select period...'
    })
    .daterangepicker('setRange', {start:"2016-11-02", end:"2017-01-20"});
});

查看文档中的示例： https://tamble.github.io/jquery-ui-daterangepicker/#programmatic

编辑：看起来您总是需要一个 new Date(); 对象。所以你的代码应该是：

$(function() {
    $("#e1")
    .daterangepicker({
        initialText : 'Select period...'
    })
    .daterangepicker('setRange', {
      start: new Date("2016-11-02"), 
      end: new Date("2017-01-20")
    });
});

jQuery UI 加载 DateRangePicker 开始日期和结束日期

jQuery UI DateRangePicker startDate and endDate on load

javascript

jquery

jquery-ui

daterangepicker