2013-10-09 62 views
2

我所試圖做的事:改變的startDate和結束日期PARAMS

我想設置起始日期和結束日期PARAMS根據一年的當前值。 我認爲currenty我有什麼剛剛設置PARAMS的onLoad,但我需要知道,如果有一種方法可以讓我能夠觸發的startDate /結束日期則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/

回答

8

變化option2013-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(); 

Fiddle

+0

不起作用,之前已經試過了。我認爲,當頁面加載時,datepicker從getStartDate和getEndDate函數獲取值並將其設置爲參數(僅一次)。因此,無論選擇什麼選項,它都會顯示2012-2013的日期 – Avinash

+0

不可以。和之前一樣。 – Avinash

+0

工程就像一個魅力!感謝您的幫助:) – Avinash

24

我想你可以簡單地使用setStartDatesetEndDate方法:http://jsfiddle.net/ivkremer/fRzyL/21/

+2

)感謝您的評論,我沒有在互聯網上看到任何其他地方,它聲明你必須通過data()訪問datepicker對象 – Pickle

+0

儘管這可以完美工作,但對於我來說,我可以設置開始/結束日期一旦加載頁面,但稍後將不會應用更改,但使用此方法可以動態更新開始/結束日期。 –

+0

非常感謝,它像一個魅力一樣。 – Guto

相關問題