2

私がやろうとしていること:

現在の年の値に応じて 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">

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];
}

フィドル: http://jsfiddle.net/fRzyL/1/

4

2 に答える 2

24

setStartDateメソッドとメソッドを簡単に使用できると思いますsetEndDate：http://jsfiddle.net/ivkremer/fRzyL/21/

于 2014-06-24T11:16:32.137 に答える
9

option 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>

これをjsに変更し、

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();

フィドル

于 2013-10-09T10:46:47.033 に答える