angularjs - Angular JS 使用 ng-model 获取日期输入值

Question

我尝试通过将其与 ng-model 绑定来获取输入日期 html 5 组件的值，如下所示：

<input type="date" id="dateFin" class="form-control" name="dateFin" ng-model="filtres.dateFin"
               placeholder="dd/MM/yyyy" min="01/01/2014"/>

并使用模型：

$scope.filtres.dateFin = null;

我认为绑定是正确的，因为当我将初始值更改为

$scope.filtres.dateFin = new Date(); 

初始值设置为当前日期。

但是当我尝试获取表单处理的值时，我的问题就出现了。调试时，我看到更改值时值$scope.filtres.dateFin变得未定义。我应该覆盖 onchange 方法还是通过其他方式获取值？

Answer 1

https://jsfiddle.net/u2vkzemh/

html

<div ng-app ng-controller="testCtrl">
    <input type="date" id="dateFin" name="dateFin" ng-model="filtres.dateFin"/>
    {{filtres.dateFin}}
    <button type="button" ng-click="show()">Show it</button>
    {{testDate}}
</div>

控制器

function testCtrl($scope) {
    $scope.show=function(){
        $scope.testDate = $scope.filtres.dateFin;
    }
}

它似乎运作良好。

Answer 2

好的，所以，非常感谢您的示例，我设法找到了问题。事实上，我有一个最小值和类似的格式placeholder="dd/MM/yyyy" min="01/01/2014"，这阻止了我的代码与你的代码相似。

我认为问题出在格式良好的 min 参数的格式上一切正常：

 min="2014-01-01"

我对删除该问题的代码示例不利，我只是试图使其更具可读性。