2016-12-15 49 views
0

如何设置,以便用户必须输入YYYY-MM。输入类型日期,自定义格式

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

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

回答

0

日期输入不允许任何偏离标准样式,因此在标准HTML中这是不可能的(据我所知),但是,您可以使用标准HTML输入,然后使用Masked Input Plugin by Digital Brush(使用Javascript)来掩盖输入格式。
例如:

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

您还可以设置自己的参数或使用插件定制的占位符,在此详细信息可以在their website观看。

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/