【问题标题】:dateTime-local does not bind properlydateTime-local 没有正确绑定
【发布时间】:2014-08-11 07:52:41
【问题描述】:

我正在尝试将我的模型的属性绑定到 dateTime-local 输入,但有些东西无法正常工作。

这是我的模特

$scope.testDate = new Date($.now());

这是我的html

<input type="datetime-local" id="exampleInput" name="input" ng-model="testDate" />
value = {{testDate}}

当我启动应用程序时,dateTime 输入在输入框中显示“mm/dd/yyyy,--:--:--”,但“value =”部分显示正确的 dateTime 值。

如果我在输入框中输入有效日期,它将更新该值,以便绑定正常工作,但显示初始值的某些内容不...

我在这里错过了什么?

【问题讨论】:

  • 输入type="datetime-local"接受字符串值,而不是真正的Date对象。
  • 您使用的是哪个版本的 Angular?
  • 这里是日期时间使用的完整参考。看看这个链接可能会有所帮助。一切顺利LINK
  • 我正在使用 1.2.16,因为这是我从 yeoman\bower 得到的 :) 将考虑更改版本并更新。谢谢。

标签: angularjs datetime ng-bind


【解决方案1】:

AngularJS 从1.3.0-beta.1 版本开始支持输入类型datetime-local

模型中的值必须是Date 对象,而不是之前版本中的字符串。

因此,如果您想使用 datetime-local 输入并将其与 Date 对象绑定,请确保使用 angularjs 版本 1.3.0-beta.1 或更高版本。

【讨论】:

  • 太棒了!谢谢你。那成功了。下次我会更加关注文档版本:)
  • @user860067 是的,尤其是对于 angularjs,它正在快速变化,并在此过程中引入了许多重大变化。
【解决方案2】:
  init the values   
 $scope.dateRange = {
    from : new Date(2010, 11, 28, 14, 57),
    to : new Date(2010, 11, 28, 14, 57)
  }   
then access 
alert($scope.dateRange.from);
alert($scope.dateRange.to);

Range From
 <input type="datetime-local" name="rangeFrom" ng-model="dateRange.from" >
 To
 <input type="datetime-local" name="rangeTo" ng-model="dateRange.to" >

【讨论】:

    猜你喜欢
    • 2021-11-01
    • 2019-07-15
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-04-14
    • 1970-01-01
    • 2015-09-08
    • 1970-01-01
    相关资源
    最近更新 更多