使用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