具有angularjs的日期输入控件

时间:2016-11-07 10:43:47

标签: angularjs

在文本框中输入“5/3/2016” 预计:日期将被接受并转换为“05/03/2016”

必要的帮助:

  <input type="text" id="loanApplicationDate" name="loanApplicationDate"
       show-button-bar="false" class="form-control" 
       uib-datepicker-popup="{{newlpr.format}}" 
       alt-input-formats="newlpr.altInputFormats" 
       ng-model="@loanPresentmentRequestModel.BindingForElement(x => x.LoanPresentmentModel.LoanApplicationDate)" 
       is-open="newlpr.popup1.opened"
       datepicker-options="newlpr.dateOptions" 
       ng-required="true" tabindex="2" caret="1"/>

1 个答案:

答案 0 :(得分:0)

只需设置

alt-input-formats="d/m/yyyy"
在你看来

。 或设置

$scope.newlpr.altInputFormats = "d/m/yyyy" 

在您的控制器中。这将是必需的解决方案。现在,即使您输入一个数字,也可以输入将被接受的日期或月份。在您的代码中,当前格式可能是"dd/mm/yyyy",它会将您的日期和月份转换为输入单个数字的两位数字。如果将其设置为"d/m/yyyy",转换就不会发生。它将采用您输入的值。