sunshine
管理员
管理员
  • 最后登录2023-10-30
  • 发帖数170
  • 社区居民
阅读:7595回复:0

angular 在使用Datepicker Popup组件 ng-model不显示值的问题

楼主#
更多 发布于:2017-11-20 10:01

图片: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
游客


返回顶部

公众号

公众号