相关疑难解决方法(0)

在更改选择框时更改BootStrap Datepicker的startDate和endDate参数

我想做什么:

我试图根据年份的当前值设置startDate和endDate参数.我认为目前我刚刚设置的内容是onLoad,但是我需要知道是否有一种方法可以让我在某些事件上触发startDate/endDate Params的更新

这是代码:

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">
Run Code Online (Sandbox Code Playgroud)

js:

var myStartDt = $('#myStartDate')
    .datepicker({
    startDate: getStartDate(),
    endDate: getEndDate()

}).on('changeDate', function (ev) {

    myStartDt.hide();
}).data('datepicker');

function getStartDate() {
    var f = $('#mySelect').val().split('-');
    return '01/04/' + f[0];
}

function getEndDate() {
    var f = $('#mySelect').val().split('-');
    alert(f);
    return '31/03/' + f[1];
}
Run Code Online (Sandbox Code Playgroud)

小提琴:http://jsfiddle.net/fRzyL/1/

jquery datepicker twitter-bootstrap

2
推荐指数
2
解决办法
2万
查看次数

标签 统计

datepicker ×1

jquery ×1

twitter-bootstrap ×1