Question

我有一个页面，其中包含一个用作过滤搜索的表单，其中一个字段是日期字段。

我配置了角度ui日期（https://github.com/angular-ui/ui-date），当我关注日期字段时，日历会正常工作。

问题是：

当我尝试提交表单时，日期字段值不会通过ng-model传递给控制器，但其他字段有效。如果我从输入中删除ui-date，也可以。

我做错了什么？

我的HTML

<form novalidate name="filterForm" ng-submit="submitFiltro()">
<label class="painel-datas-text" for="field-5">Product</label>
<input class="painel-data-select w-input" id="field-5" maxlength="256" ng-model="filtro.produto" name="produto" placeholder="NET / CLARO" required="required" type="text">

<label class="painel-datas-text" for="field">Date</label>
<input ui-date class="painel-data-select w-input" id="field" maxlength="256" ng-model="filtro.de" name="date" placeholder="01/02/2016" required="required" type="text">

<label class="painel-datas-text" for="field-2">seller</label>
<input class="painel-data-select w-input" id="field-2" maxlength="256" ng-model="filtro.vendedor" name="vendedor" placeholder="TODOS" required="required" type="text">

<input class="painel-button w-button" type="submit" value="FILTRAR">

MY JS：

var app = angular.module('painelvendas', ['ui.date']);
app.controller('painelController', function($scope, $http) {
    $scope.submitFiltro = function(){
        console.log($scope.filtro);
    };
});

Answer 1

从我在文档中看到的情况来看，你不应该设置你将要使用该指令的输入类型。

Angular Datapicker不通过NgModel传递值

1 个答案: