限制 Angulars 反应形式的日期字段内的输入长度答案

【问题标题】：Limit input length within datefield of Angulars reactive form限制 Angulars 反应形式的日期字段内的输入长度
【发布时间】：2023-01-16 22:06:24
【问题描述】：

在 Angular Reactive 表单中，使用 datetime-local 类型的输入字段，默认情况下提供以下格式：dd.mm.yyyy --:--

尽管采用这种默认输入格式，但最多可以输入 6 位数字的年份。是否可以将年份数字的输入限制为 4 位数字？

<label for="party">Enter a date and time for your party booking:</label>
<input
  id="party"
  type="datetime-local"
  name="partydate"
  value="2017-06-01T08:30" />

我尝试了各种具有 maxlength 和 pattern 属性的东西，但还没有找到解决方案。有人可以帮忙吗？

【问题讨论】：

标签： angular angular-reactive-forms

【解决方案1】：

如果您提供一个带有未来某个日期的 max 属性，并以正确的格式提供，它会起作用：

<label for="party">Enter a date and time for your party booking:</label>
<input
  id="party"
  type="datetime-local"
  name="partydate"
  value="2017-06-01T08:30"
  max="2200-01-01T00:00"  />

【讨论】：