Question

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

我如何实现这一目标？我尝试在selectYears属性中输入负数，但没有运气。

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
});

Answer 1

这是您设置年份的方式：

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

Answer 2

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

这实际上会列出过去100年的完整清单。

Materialisecss日期选取器仅在过去几天

2 个答案: