默認日期

Question

我有幾個輸入端共享類「日期」，他們每個人得到它從DB值，並轉換爲datepickers這樣的：

$(".date").datepicker({ 
    changeMonth: true, 
    changeYear: true, 
    dateFormat: "dd/mm/yy" 
}); 

我需要的是，當我點擊任何輸入並顯示日期選擇器，該特定日期選擇器的默認日期是存儲在該值中的日期，而不是當天的日期。

我該怎麼做？

我嘗試沒有成功以下

$(".date").datepicker({ 
    changeMonth: true, 
    changeYear: true, 
    dateFormat: "dd/mm/yy", 
    defaultDate: $(this).val() 
}); 

Answer 1

你可能會過度思考這一點。看看這fiddle。點擊每個輸入並查看默認日期是輸入的值。

HTML

<input type="text" class="date" value="02/05/2012" /> 
<input type="text" class="date" value="06/09/2015" />​ 

JS

$(function(){ 
    $(".date").datepicker({ 
     changeMonth: true, 
     changeYear: true, 
     dateFormat: "dd/mm/yy" 
    }); 
});​ 

Answer 2

試試這個代碼：

$(".date").datepicker({ 
    changeMonth: true, 
    changeYear: true, 
    dateFormat: "dd/mm/yy" 
}).on("change", function() { 
    $(".date").datepicker("option", "defaultDate", this.value); 
}); 

這監聽當輸入的改變和更新defaultDate設置F或所有的日期選擇器字段。請注意，根據操作輸入的方式，您可能需要一個不同的事件（除了更改）。此外，當前日期值將始終覆蓋默認日期（所以我的代碼不適用於wanovak的示例，因爲這些字段中已有值）。