Question

我想限制用户在日期选择器中输入格式定义。

HTML代码：

<input type="text" class="form-control col-md-2" 
       placeholder="dd/mm/yyyy" value="{{ " now "|date("d/m/Y") }}" 
       name="edu_assetbundle_assetallocation[condemedDate]" id="condemDate" />

jQuery代码：

$("#condemDate").datepicker({
    dateFormat: 'dd/mm/yy',
    changeMonth: true,
    changeYear: true
});

Answer 1

可以通过在输入字段中使用pattern属性来解决此问题。

示例：

<input type="text" pattern="(?:19|20)[0-9]{2}-(?:(?:0[1-9]|1[0-2])-(?:0[1-9]|1[0-9]|2[0-9])|(?:(?!02)(?:0[1-9]|1[0-2])-(?:30))|(?:(?:0[13578]|1[02])-31))" required />

进一步阅读和模式：

HTML Date Patterns

- 帮助：）

Answer 2

您可以通过在输入类型文本中添加属性模式来解决问题。

简单的例子：

<input type="text" pattern="\d{1,2}/\d{1,2}/\d{4}" placeholder="dd/mm/yyyy" required>

有关详细信息和js验证，您可以看到： http://www.the-art-of-web.com/javascript/validate-date/

如何在jquery中验证日期dd / mm / yy或dd-mm-yy的格式

2 个答案: