【问题标题】:Angular Datapicker don't pass value through NgModelAngular Datepicker 不通过 NgModel 传递值
【发布时间】: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


    【解决方案1】:

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2021-03-13
      • 1970-01-01
      • 2020-02-18
      • 2016-02-19
      • 1970-01-01
      • 2016-12-30
      • 1970-01-01
      • 2022-09-26
      相关资源
      最近更新 更多