Angularjs datepicker ng-model格式

时间:2016-04-28 11:29:23

标签: javascript angularjs datepicker angular-ngmodel

我有以下代码显示输入区域和日期选择器弹出窗口

<input close-on-date-selection="false" type="text"
       id="startDate" datepicker-popup="dd.MM.yyyy"
       ng-model="myCtryl.startDate"
       max-date="myCtrl.maxDate"
       datepicker-options="myCtrl.dateOptions"
       ng-change="myCtrl.validateDate()"/>

日期模型绑定到startDate变量。我的问题是,最初这个startDate变量是字符串格式。当我在页面开头调试startDate变量时,它看起来像:

enter image description here

每当我对日期选择器进行选择时,此变量将变为日期格式。以下是我从datepicker中选择日期后变量的屏幕截图:

enter image description here

以下是控制器的相关部分。最初我在datepicker的输入区域显示今天的日期:

vm.todayDt = new Date();
vm.todayDt = $filter('date')(vm.todayDt, 'dd.MM.yyyy');
vm.startDate = vm.todayDt;

这里,过滤器可能是问题所在。我也尝试删除该行。当我删除该行时,startDate也成为初始状态的日期对象,但这次它在datepicker的输入上显示“28.20.1614”:

enter image description here

即使调试变量时dateobject是正确的:

enter image description here

如何使日期对象和输入区域保持一致?即,对象应始终采用日期格式,并且应在输入区域上正确显示。感谢。

0 个答案:

没有答案