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();