|
阅读:7595回复:0
angular 在使用Datepicker Popup组件 ng-model不显示值的问题图片:date.png
问题描述:数据与html 的相关代码都在下面显示,目前出现的问题是:通过ng-model 双向绑定了数据里的日期,但是值却显示不出来。 而其它的非日期字段都可以正常的使用。找了很久,都没有找出原因。 数据如下: var formJason = { "jobPassObject": [ { "jobType": "N", "beginTime": "2017-10-24", "endTime": "2017-11-24", "companyName": "555", "deptDesc": "666", "posnDesc": "777", "entryLeader": "888", "leaderPhone": "5566" } ] } html 如下: <div class="controls col-lg-6 date input-group beginTime"> <label class="control-label">开始时间</label> <input type="text" ng-model="item.startTime" name="beginTime" uib-datepicker-popup="yyyy-MM-dd" is-open="item.start_opened" ng-required="true" close-text="关闭" clear-text="清空" current-text="今天" alt-input-formats="['yyyy/M!/d!']" class="form-control"> <span class="input-group-addon" ng-click="item.start_opened = true"> <span class="glyphicon glyphicon-calendar"></span> </span> <span class="error" ng-if="item.jobType == 'Y'&&person_information['beginTimepw_$index'].$invalid&&submitted">请填写开始时间</span> </div> 解决方案: 最后,通过百度,查看了很多的贴后,终于找到了原因。 原因:日期控件绑定的数据,必须是日期类型,否则不会正常显示 改动如下,将要显示的日期变成日期类型,而不是字符串,就正常的显示出来了。问题解决了 var formJason = { "jobPassObject": [ { "jobType": "N", "beginTime": new Date("2017-10-24"), "endTime": new Date("2017-11-24"), "companyName": "555", "deptDesc": "666", "posnDesc": "777", "entryLeader": "888", "leaderPhone": "5566" } ] } 参考 :http://blog.csdn.net/inuyasha1121/article/details/56677941 |
|
