[英]UI-Bootstrap datepicker with input mask
当前尝试使用标准日期选择器,但将其与输入掩码结合使用,以便在用户需要时更轻松地手动输入日期。
目前的问题是,当我添加的两件事情面具情况发生,无论是手动输入的日期到字段不工作(只要我完成它会删除该字段的值含义),或者在更新成功模型值,但是当我打开datepicker
它被设置为1500
。
plunk 具有输入的屏蔽和未屏蔽版本。
HTML
<input type="text" class="form-control" datepicker-popup="MM/dd/yyyy" ng-model="dt" is-open="opened" min-date="'2010-01-02'" max-date="dt" ng-required="true" close-text="Close" show-weeks="false" show-button-bar="false" ui-mask="99/99/9999" />
<button type="button" class="btn btn-default" ng-click="open($event)"><i class="glyphicon glyphicon-calendar"></i></button>
JS
.controller('DatepickerDemoCtrl', function ($scope) {
$scope.dt = new Date();
$scope.open = function($event) {
$event.preventDefault();
$event.stopPropagation();
$scope.opened = true;
};
});
你不需要掩码,因为 api 会为你做
<input class='form-control' data-provide='datepicker' data-date-format='yyyy-mm-dd'>
datetimepicker master 是解决方案
jQuery('#datetimepicker_mask').datetimepicker({
timepicker:false,
mask:true, // '9999/19/39 29:59' - digit is the maximum possible for a cell
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.