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'
    });
});

datepicker仅突出显示今天的日期，但不突出显示默认文本框值。

提前致谢：）

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

如何在单击文本框

3 个答案: