Angular js - 使uib-datepicker更灵活/宽容

时间:2018-05-21 14:09:23

标签: angularjs angular-ui-bootstrap

我们在页面上使用angular js - sample:

有许多日期字段
<input type="text" class="form-control has-error" uib-datepicker-popup="{{format}}" ng-model="processDTFrom.value" ng-change="processDateSelected('date')" is-open="popupProcessFrom.opened" datepicker-options="dateOptions" ng-required="true" close-text="Close" ng-disabled="selectedDateOptionPDF.name !== 'dateRange'" />

格式定义为

$scope.format = 'MM/dd/yyyy'; //date format for the date picker

目前,只有输入作为日期才能识别,如果它与格式完全匹配 - 01/01/2018被识别,但是1/1/2018或01/01/18不是。

这足以给人们带来不便,所以我试图看看是否有办法让功能(或表格)变得更聪明,以便识别更多格式。

后面的步骤采用日期并以mm / dd / yyyy格式显示,因此它将在以后标准化,我只是希望让输入更加宽容。

我接受为此功能添加参数或其他内容,或者使用更好/不同的参数,尽管我更喜欢我不需要安装的内容。目前无法升级到更新版本的角度

建议?

1 个答案:

答案 0 :(得分:0)

传统上 - 提问的行为使得答案神奇地出现在以下搜索中。

$scope.format = 'M!/d!/y'; 

中号! - 解析数字月份,但允许可选的前导零

d! - 解析数字日,但允许可选的前导零

y - 用1位,2位,3位或4位数解析一年。

第三个在技术上“允许”你不小心要求第2年或第201年,但我希望人们会注意到他们没有结果并看看他们的进入。

我在github page for Bootstrap上找到了一套完整的(我假设的)格式。