首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Angular Datapicker不通过NgModel传递值

Angular Datapicker不通过NgModel传递值
EN

Stack Overflow用户
提问于 2016-10-18 01:38:14
回答 1查看 48关注 0票数 0

我有一个带有表单的页面,它可以用作过滤器搜索,其中一个字段是日期字段。

我配置了angular ui日期(https://github.com/angular-ui/ui-date),当我将焦点放在日期字段时,日历就可以工作了。

问题是:

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

我哪里做错了?

我的HTML

代码语言:javascript
复制
<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:

代码语言:javascript
复制
var app = angular.module('painelvendas', ['ui.date']);
app.controller('painelController', function($scope, $http) {
    $scope.submitFiltro = function(){
        console.log($scope.filtro);
    };
});
EN

回答 1

Stack Overflow用户

发布于 2016-10-18 02:24:21

根据我在文档中看到的,您不应该在要使用指令的位置设置输入的类型。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/40092478

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档