Question

嵌入了jQuery UI DateRangePicker

并且它按预期工作但我想添加预先选择的范围，当它出现onload。根据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

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

Answer 2

你已将属性推入“”。用这个::

复制你的jQuery

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

希望它能奏效。

加载时jQuery UI DateRangePicker startDate和endDate

2 个答案: