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

的另一个示例

JQ Datepicker - 从Data Id Attribute设置默认日期

1 个答案: