我的页面上有几个输入框,其类名为 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 包含我想要的日期,但我无法使用此变量设置默认日期。 有人可以提供一些建议吗? 希望这是有道理的。 谢谢
最佳答案
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
关于javascript - JQ Datepicker - 从数据 ID 属性设置默认日期,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41516462/