如何突出在日期選擇器的一天，在文本框中

Question

的點擊這裏是我的代碼

<input type="text" name="date" class="datepicker" value="20-Jun-2017" readonly=""> 



$(".datepicker").each(function() { 

    var date_val = $(this).val(); 

    $(this).datepicker({ 

     'setDate': date_val, 

     'pickDate': true, 

     'dateFormat': 'd-M-y' 
    }); 
}); 

日期選擇器是突出纔有了今天的日期，而不是默認的文本框的值。

感謝提前:)

Answer 1

的DatePicker自動突出顯示選定的日期，但你一年的格式問題。如果你將它設置爲17而不是2017，它將起作用。

否則嘗試像下面這樣初始化後設置日期。

$(".datepicker").each(function() { 

var date_val = $(this).val(); 

$(this).datepicker({ 

    'pickDate': true, 

    'dateFormat': 'd-M-y' 
}); 

$(this).datepicker("setDate", new Date(date_val)); 
}); 

Answer 2

嘗試這樣：

<input type="text" id="datepicker" value="1-Jun-17" /> 

$('#datepicker').datepicker({ 
    'dateFormat': 'd-M-y' 
}); 

Working Fiddle

Answer 3

嗨日期選擇器會自動突出顯示所選擇的日期，但可以突出日期以及手動，請參考以下鏈接

Datepicker for highlighting specific dates