javascript - JQ Datepicker - 从数据 ID 属性设置默认日期

Question

我的页面上有几个输入框，其类名为 DP。每个都附加了日期选择器小部件。在我的每个输入中，我都有一个带有日期的数据属性:即 data-dformat="2017-05-25"我想要做的是将默认日期设置为 Datepicker 每个实例上的数据，我的代码如下所示:

$('.DP').datepicker({
    beforeShow: function(){
        td = $(this).attr( "data-dformat" ) ;
        },      
    showOn: "button",
    buttonText: "Date",
    dateFormat: "yy-mm-dd",
    setDate: td     
    });

我在页面上的输入:

<input id="startdate" class="DP AutoCheck hasDatepicker" data-dformat="2017-05-25" >

我知道 td 包含我想要的日期，但我无法使用此变量设置默认日期。有人可以提供一些建议吗？希望这是有道理的。谢谢

Answer 1

jQuery datepicker 会自动将日期设置为输入的值，但是如果您需要像您要求的那样执行此操作，您可以这样做:

$('.DP').datepicker({
    beforeShow: function(elem) {
        $(elem).val($(elem).attr("data-dformat"));
    },
    showOn: "both",
    buttonText: "Date",
    dateFormat: "yy-mm-dd"
});

HTML

<input type="text" id="startdate" class="DP" data-dformat="2017-05-25" value="">

这是一个工作 CodePen .

编辑:这是使用 setDate 方法的另一个示例 CodePen