禁用或禁用"零" " DatePicker"中的值?

时间:2015-10-13 17:52:46

标签: php html5 date datepicker

我正在尝试在我的网站上创建一个简单的注册表单。

出生日期"出生日期"属性,我使用:

    <input type="date"> 

一切正常......除了一个烦人的细节:字段(日期选择器)允许用户手动输入日,月和年的值。

这意味着,用户可以写:&#34; 0000 &#34;作为他的出生年份。

我已经在网上搜索了一种防止这种情况的方法,但没有发现任何远程帮助。

现在,我正在使用&#34; Max&#34;确保用户年龄超过18岁的属性(我通过将&#34; Max&#34;属性设置为值:Current_Date减去18年来完成此操作)。

例如:今天是2015年10月13日。因此,用户可以输入的最大值作为他的出生日期: 1997年10月13日

不幸的是,这并没有考虑MINIMUM值。可以将出生日期登记为:0000年10月13日。

我该如何解决这个问题?

当然,我可以简单地设定一个最小值,比如:1915年10月13日(意思是:你需要至少18岁,最多100岁)

显然,这很傻!

2 个答案:

答案 0 :(得分:-1)

除了添加max属性外,请尝试添加min

关于input的MDN文章,min解释了:https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-min

您还可以考虑使用jQuery来验证表单输入。一个有用的jQuery插件是jQuery Validation Plugin

答案 1 :(得分:-1)

Bootstrap以Bootstrap风格提供灵活的datepicker小部件,配置非常简单。这是网站:https://bootstrap-datepicker.readthedocs.org/en/latest/

有了这个,你只需要写:

<input class="datepicker" data-date-format="mm/dd/yyyy">

并使用JQuery提供一些信息。

希望它有所帮助。