Html5日期输入 - 禁止部分日期输入

时间:2015-01-19 10:40:47

标签: angularjs html5 twitter-bootstrap-3

我有一个输入类型="日期",这不是必需的。日期可以保留为空(mm / dd / yyyy)或有效。当用户仅输入部分日期(例如月和日,没有年份)时,它会被默认视为空,但有效。我想要的是将其视为无效,并提醒用户。这可能吗?

<input type="date" id="applicationDate" class="form-control" ng-model="emp.applicationDate">

1 个答案:

答案 0 :(得分:0)

 <input name="shipmentDate" 
       ng-pattern='/^[0,1]?\d{1}\/(([0-2]?\d{1})|([3][0,1]{1}))\/(([1]{1}[9]{1}[9]{1}\d{1})|([2-9]{1}\d{3}))$/'
       required ng-model="shipment.ShipmentDate" type="text">
    <span ng-show="form.shipmentDate.$error.required">Date Required!</span>
    <span ng-show="form.shipmentDate.$error.pattern">Incorrect Format, should be MM/DD/YYYY</span>

    <input class="btn-primary" ng-hide="!form.$valid" type="submit" value="Create">

这是你的小提琴: - http://jsfiddle.net/zo8aLh03/1/