2016-02-02 68 views
0

我有兩個日期框:From和To。jQuery DatePicker - 在打開時設置默認日期

  • 如果用戶單擊「收件人」並且「發件人」爲空,它應該默認爲當前日期。
  • 如果用戶單擊「收件人」且「發件人」具有值,則它應該默認爲「發件人」的值。
  • 如果用戶點擊To和To已經有一個值,它應該默認爲THAT值。

從本質上講,如果我點擊From,將其設置爲7月,然後點擊To,我不希望再次導航到7月。

我知道我可以設置defaultDate,但是如何在datepicker打開時動態設置它?我希望能夠註冊一個在datepicker打開之前調用的函數,以便我可以評估狀態並設置正確的defaultDate。

+0

利用事件來更新其他選項。 API將向您展示如何更新選項以及所有可用的各種活動 – charlietfl

+0

這就是我正在尋找的適合的活動。 API文檔似乎沒有列出任何事件:http://api.jqueryui.com/datepicker/#option-defaultDate – littlecharva

+0

ok ...是不好的文檔,但他們被列爲'選項'像'onSelect' – charlietfl

回答

0

由於在評論charlietfl讓我意識到我只需要想想倒過來:從一個

$("input.datepicker").datepicker({ 
    onSelect: function (dateText) { 
     if ($(this).attr('id') == 'FromDate') { 
      $('input#ToDate').datepicker("option", "defaultDate", dateText); 
     } 
    } 
}); 
-1

使用JavaScript將默認日期設置爲您的結束日期與您的開始日期相同。您可以使用onchange函數動態設置它。

<input type="text" id="start" value="0" name="start" onchange="changeText();"> 
<input type="text" id="end" value="0" name="end" > 


<script type="text/javascript"> 
function changeText(){ 
     var x = document.getElementById("start").value; 
     document.getElementById('end').value = x; 
} 
</script> 
+1

這段代碼與jQuery DatePicker無關Datepicker – littlecharva

+0

是的,它的確如此。它將值寫入文本字段,它是日期選擇器使用的值。試試看。 –

相關問題