Jquery 更改选择框时更改引导日期选择器的startDate和endDate参数

我想做的是：

我试图根据年份的当前值设置startDate和endDate参数。 我想我刚才的currenty设置了参数onLoad，但是我需要知道是否有一种方法可以让我在某个事件上触发startDate/endDate参数的更新

代码如下：

html:

<select id="mySelect">
    <option value="2012-2013">2012-2013</option>
    <option value="2012-2013">2013-2014</option>
    <option value="2012-2013">2015-2016</option>
</select>
<input type="text" id="myStartDate" placeholder="dd-mon-yyyy" data-date-format="dd-M-yyyy" readonly="readonly">

---

fiddle:

更改

选项的值

2013-2014和2015-2016

<select id="mySelect">
    <option value="2012-2013">2012-2013</option>
    <option value="2013-2014">2013-2014</option>
    <option value="2015-2016">2015-2016</option>
</select>

---

我认为您可以简单地使用

setStartDate

和

setEndDate

方法：

不起作用，以前已经尝试过了。我认为当页面加载时，datepicker从getStartDate和getEndDate函数中获取值，并将其设置为params（仅一次）。因此，无论我选择什么选项，它都会显示2012-2013年的日期。和以前一样，很有魅力！！谢谢你的帮助：）谢谢你的评论。我在InterWeb上没有看到其他任何地方声明必须通过data（）访问datepicker对象。尽管这非常有效。对我来说，我可以在加载页面时设置一次开始/结束日期，但以后不会应用更改。但是，使用此方法确实允许动态更新开始/结束日期。

<select id="mySelect">
    <option value="2012-2013">2012-2013</option>
    <option value="2013-2014">2013-2014</option>
    <option value="2015-2016">2015-2016</option>
</select>

var myStartDt;
function mydatepicker(){
   myStartDt= $('#myStartDate')
        .datepicker({
        startDate: getStartDate(),
        endDate: getEndDate()
    }).on('changeDate', function (ev) {
        myStartDt.hide();
    }).data('datepicker');
}
 $("#mySelect").on('change',function(){
    // alert(this.value)
    $('#myStartDate').datepicker("remove");
    mydatepicker();//$('#id-element').datepicker("destroy");
});
mydatepicker();