html - html5 datepicker 设置最小值和最大值

Question

我希望使用 html5 日期功能来允许用户选择日期。我知道（仍然）对此功能的有限浏览器支持，并且使用 JQuery datepicker 插件对不支持的浏览器使用了后备 - 这很好用。

jQuery datepicker 允许设置最小和最大日期......

$('#amender').datepicker({ dateFormat: "dd/mm/yy", minDate: 0, maxDate: "+2M"});

我知道 html5 版本使用min和max元素来设置这些，但我一直无法找到正确的格式来表示上述内容 - 我发现的所有示例都在这些字段中使用特定日期。

Answer 1

我四处寻找并找到了以下解决方案，该解决方案采用当前日期，固定日/月 < 10 的位数并创建具有所需范围的日期选择器。

// get current date
var d = new Date();
// add 2 month and auto adjust date
d.setMonth(d.getMonth()+2);

// make 2 digits out of 1
var day = d.getDate();
if(day<10)
day = "0"+day;

var month = d.getMonth()+1;
if(month<10)
month = "0"+month;

// same for current (to be the min later)
var cDay = d.getDate();
if(cDay<10)
cDay = "0"+cDay;

var cMonth = d.getMonth()+1;
if(cMonth<10)
cMonth = "0"+cMonth;

var curEntry = d.getYear()+1900+"-"+cMonth+"-"+cDay;
var dateEntry = d.getYear()+1900+"-"+month+"-"+day;

// create the datepicker with appropriate min and max
document.write("<input type='date' min='"+curEntry+"' max='"+dateEntry+"'>");