Materializecss日期选择器仅在过去几天

Materializecss Date Picker only days in the past

本文关键字：过去几天 选择器 日期 Materializecss      更新时间：2023-09-26

我正在尝试为用户的生日创建一个输入字段。为此，我希望他们只选择过去的年份。

我该如何做到这一点？我尝试在selectYears属性中输入一个负数，但没有成功。

JSFIDDLE

HTML:

<div class="col s12">
   <label for="birthday">Birthday</label>
   <input id="birthday" value="{{ user.birthday }}" type="date" name="birthday" class="datepicker">
</div>

JavaScript:

$('.datepicker').pickadate(
{
   selectMonths: true,
   selectYears: -100
});

var d = new Date();
d.setFullYear( d.getFullYear() - 100 );
$('.datepicker').pickadate(
{
   selectMonths: true,
   selectYears: d,
   max: new Date()
});

这将给出过去100年的完整列表。

这就是您设置年份的方式：

var d = new Date();
d.setFullYear( d.getFullYear() - 100 );
$('.datepicker').pickadate(
{
   selectMonths: true,
   selectYears: true,
   min: d,
   max: new Date()
});

http://jsfiddle.net/rpu61tf2/3/

当您希望允许用户从下拉中选择年份时，可以设置selectYears: true

相关文章：