Question

我有两个使用datepicker的html输入字段。

<input id="startdate" type="date" onchange="handler(event)" />
<input id="enddate" type="date" onchange="handler(event)" />

输入 startdate 中的javascript状态如何禁用今天的所有过去日期，而第二次只启用实际日期+2天的日期。

Answer 1

如果您使用的是原始input[type="date"]，则您拥有max和min属性。 See MDN

此代码将min属性动态设置为今日格式。

＆＃13;

var today = new Date();
var todayFormat = today.getFullYear() + '-' + leadZero(today.getMonth() + 1) + '-' + leadZero(today.getDate());
console.log(todayFormat);

document.querySelector('input').setAttribute('min', todayFormat);

function leadZero(number) {
  return (number < 10 ? '0' : '') + number;
}

＆＃13;

<input type="date">

＆＃13;

如果您使用的是jQuery-ui，则可以将minDate属性设置为0，如以下答案所示：How to set minDate to current date in jQuery UI Datepicker?

禁用实际的过去日期，并在输入字段

1 个答案: