使用angularjs设置html 5日期类型的默认日期

Question

我必须将今天的日期设置为html日期类型中的默认日期，我可以这样做，因为此检查此工作小提琴click here，但它不工作时，我我改变了NG-模式my.date

<input type="date" ng-model="my.date" value={{my.date}}> 
    //angular controller 
    function MyCtrl($scope, $filter) { 
    $scope.my.date = $filter("date")(Date.now(), 'yyyy-MM-dd'); 
}  

为何如此？

Answer 1

$scope.my是undefined并且您试图将属性date指定给它 - 这就是为什么它不起作用。取而代之的是，它像这样：

$scope.my = {}; 
$scope.my.date = $filter("date")(Date.now(), 'yyyy-MM-dd'); 

，或等同。

$scope.my = {date: $filter("date")(Date.now(), 'yyyy-MM-dd')}; 

Answer 2

当您将变量放入对象中时，您需要首先声明该对象。

在您的控制器中首先声明$ scope.my对象。

HTML

<input type="date" ng-model="my.date" > 

控制器JS

$scope.my = {}; 
    $scope.my.date = $filter("date")(Date.now(), 'yyyy-MM-dd'); 

你并不需要设置输入的值。一旦ng-model的值被设置，它就绑定到输入字段。

Updated JSFiddle