输入类型日期,自定义格式

时间:2016-12-15 09:03:55

标签: html date input format

如何制作以便用户输入YYYY-MM。

在输入框中,连字符已经存在,并且您必须填写,因为看到替换YYYY和MM但是您不能输入任何其他内容。

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

2 个答案:

答案 0 :(得分:0)

日期输入不允许任何偏离标准样式,因此这不可能(据我所知)用标准HTML做,但是,您可以使用标准HTML输入,然后使用{{3使用Javascript来掩盖输入格式 例如:

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

您还可以使用该插件设置自己的参数或自定义占位符,可以在Masked Input Plugin by Digital Brush上查看有关此内容的更多信息。

答案 1 :(得分:0)

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

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

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

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

Regex date validation for yyyy-mm-dd

您可以在这里使用代码: https://jsfiddle.net/bowenyang/oth9b8o7/