Angularjs 使用ng模型获取日期输入值

Angularjs 使用ng模型获取日期输入值,angularjs,angularjs-model,Angularjs,Angularjs Model,我尝试通过将输入日期html 5组件与ng模型绑定来获取其值,如下所示: 我认为绑定是正确的,因为当我将初始值更改为 初始值设置为当前日期 但当我试图在表单处理中获取值时,问题就出现了。调试时,我看到,$scope.filters.dateFin的值在值更改时变得未定义。我应该重写onchange方法还是通过其他方式获取值? html 它似乎工作得很好。 html 它似乎工作得很好。好的,所以,有点感谢你的例子,我设法找到了问题所在。事实上,我有一个最小值和一个类似于占位符=“dd/MM/y

我尝试通过将输入日期html 5组件与ng模型绑定来获取其值,如下所示:

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

初始值设置为当前日期

但当我试图在表单处理中获取值时,问题就出现了。调试时,我看到,
$scope.filters.dateFin的值在值更改时变得未定义。我应该重写onchange方法还是通过其他方式获取值?

html

它似乎工作得很好。

html


它似乎工作得很好。

好的,所以,有点感谢你的例子,我设法找到了问题所在。事实上,我有一个最小值和一个类似于占位符=“dd/MM/yyyy”min=“01/01/2014”
的格式,这使得我的代码无法工作,而我的代码与你的代码类似

我认为问题在于min参数的格式,格式良好,一切正常:

 min="2014-01-01"

我的缺点是删除了关于这个问题的代码示例,我只是想让它更具可读性。

好的,所以,有点感谢您的示例,我找到了问题所在。事实上,我有一个最小值和一个类似于占位符=“dd/MM/yyyy”min=“01/01/2014”的格式,这使得我的代码无法工作,而我的代码与你的代码类似

我认为问题在于min参数的格式,格式良好,一切正常:

 min="2014-01-01"
我的缺点是删除了关于这个问题的代码示例,我只是想让它更具可读性

$scope.filtres.dateFin = new Date(); 
<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;
    }
}
 min="2014-01-01"