My page features a form that functions as a filter search, with one of the fields being a date field.
I have configured the Angular UI datepicker plugin (https://github.com/angular-ui/ui-date) and the calendar pops up when I focus on the date field.
However, there seems to be an issue:
Even though the other form fields are passing their values to the controller through ng-model upon submission, the date field value is not. Removing the ui-date directive from the input makes it work normally.
What am I missing here?
Here is my 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="FILTER">
And here is my JS:
var app = angular.module('painelvendas', ['ui.date']);
app.controller('painelController', function($scope, $http) {
$scope.submitFiltro = function(){
console.log($scope.filtro);
};
});