Datepicker,在输入框中设置默认值

时间:2016-04-08 09:15:44

标签: jquery html5 date datepicker

我使用htm5输入类型日期,但由于在所有浏览器中都不起作用,我为这些添加了Jquery。 因此,如果浏览器不接受type =“date”,那么它是一个type =“text”,如下所示。

我希望输入具有默认值而不是空框。 我设法添加了一个默认日期值,但我不喜欢这样,我希望默认日期显示与html5相同,如下所示:dd / mm / 2016(不显示日期或月份,而是字母代替)或者如果不可能的话。 这是代码:

<input type="date" name="llegada" class="date" id="datellegada"
min="2016-04-07" max="2016-12-31" value="">

(function() {
   var elem = document.createElement('input');
   elem.setAttribute('type', 'date');
   if ( elem.type === 'text' ) {
       $.datepicker.setDefaults({
           dateFormat: "yy-mm-dd",
           regional: 'en',
       })
       $('#datellegada').datepicker().datepicker('setDate', new Date());
       $('#datellegada').datepicker('option', 'minDate', new Date(2016, 3, 1));
       $('#datellegada').datepicker('option', 'maxDate', new Date(2017,0,
        6));
   }
   // ... ?
});

1 个答案:

答案 0 :(得分:2)

检查此解决方案:

$('.datellegada').datepicker({ dateFormat: 'dd-mm-yy'}).datepicker("setDate", new Date());