AngularJS - uib-datepicker-popup - 日期控件

示例

<div class="form-group" ng-class="{ 'has-error' : addDrugBlacklistForm.year.$invalid && !addDrugBlacklistForm.year.$pristine }"><label translate="">年份</label><div class="input-group"><input class="form-control" type="text" uib-datepicker-popup="yyyy" ng-model="vm.currentData.year" placeholder="年份" is-open="vm.yearDatepickerOpen" clear-text="清空" close-text="关闭" current-text="今天" on-open-focus="true" ><span class="input-group-addon"><a href="javascript:void(0)" ng-click="vm.yearDatepickerOpen = !vm.yearDatepickerOpen" class="glyphicon glyphicon glyphicon-calendar"></a></span></div></div>

说明

uib-datepicker-popup=“yyyy”：格式化文本为4位数年份is-open=“vm.yearDatepickerOpen”：clear-text=“清空” ：清空按钮的文本close-text=“关闭” ：关闭按钮的文本current-text=“今天” ：今天按钮的文本on-open-focus=“true”：打开日期面板时是否获取焦点

注意

编辑时，需要做下列处理以便input文本框中能够显示日期：

vm.currentData.year = new Date(vm.currentData.year).getTime();