Question

我必须将今天的日期设置为html日期类型的默认值，我可以这样做，因为这会检查这个工作小提琴click here，但是当我将ng-model更改为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

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

2 个答案: