输入类型日期，自定义格式答案

【问题标题】：input type date, custom format输入类型日期，自定义格式
【发布时间】：2017-04-30 19:38:06
【问题描述】：

我怎样才能让用户必须输入 YYYY-MM。

在输入框中，连字符已经存在，您必须填写，如替换 YYYY 和 MM 所示，但您不能输入其他任何内容。

输入日期给出 mm/dd/yyyy 格式。我想要 YYYY-MM。

【问题讨论】：

【解决方案1】：

日期输入不允许与标准样式有任何偏差，因此（据我所知）在标准 HTML 中这是不可能的，但是，您可以使用标准 HTML 输入，然后使用 Masked Input Plugin by Digital Brush （使用 Javascript）屏蔽输入格式。
例如：

$("#input").mask("9999-99");

您还可以使用插件设置自己的参数或自定义占位符，更多信息可以在their website查看。

【讨论】：

【解决方案2】：

您无法编辑日期类型格式。

如果您不想使用 HTML5 免费提供的日期选择器，那么您可以创建自己的带有正则表达式限制的输入框。

<form>
  <input type="text" name="input1" placeholder="YYYY-MM" required pattern="[0-9]{4}-[0-9]{2}" />
  <input type="submit">
</form>

如果你想要更严格的验证（这个只验证输入是一个 4 位数字和一个用连字符分隔的 2 位数字），请参阅这篇文章

【讨论】：