Question

我想要使用html5日期函数来允许用户选择日期。我知道（仍然）有限的浏览器支持此功能，并使用JQuery datepicker插件利用了不支持的浏览器的回退 - 这很好。

jQuery日期选择器允许设置最小和最大日期....

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

我了解html5版本使用min和max元素来设置这些但我无法找到正确的格式来表示上述内容 - 我发现的所有示例都使用特定日期在这些领域。

Answer 1

我四处寻找并找到了以下解决方案，它采用当前日期，修复了日/月的位数＆lt; 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+"'>");

html5 datepicker设置最小值和最大值

1 个答案: