【发布时间】:2016-10-17 17:38:13
【问题描述】:
我有一个页面,其表单用作过滤器搜索,其中一个字段是日期字段。
我配置了角度 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">
我的 JS:
var app = angular.module('painelvendas', ['ui.date']);
app.controller('painelController', function($scope, $http) {
$scope.submitFiltro = function(){
console.log($scope.filtro);
};
});
【问题讨论】:
标签: javascript angularjs angularjs-directive angular-ngmodel