Skip to main content
1 de 2
Tobias Mesquita
  • 23,1mil
  • 1
  • 32
  • 52

O evento dateChange retorna uma data e não uma string, caso queira exibir uma string com a a data local, use o método .toLocaleDateString().

angular.module('app').directive('datepicker', function() {
  return {
    restrict: 'A',
    require : 'ngModel',
    link: function(scope, element, attrs, ngModelCtrl) {
      $(element).datepicker({
        dateFormat:'dd-mm-yyyy',
        language: 'pt-BR',
        pickTime: false,
        startDate: '01-11-2013',      
        endDate: '01-11-2030'          
      }).on('changeDate', function(e) {
        ngModelCtrl.$setViewValue(e.date.toLocaleDateString());
        scope.$apply();
      });
    }
  };
});

Note que o toLacaleDateString() irá imprimir a data usando o formato do cliente, no nosso caso 'dd/MM/yyyy', mas se um cliente norte americano acessar a sua pagina irá ver no formato 'M/d/yyyy', neste caso você pode forçar para exibir em um formato especifico.

var data = new Date();
console.log(data.toLocaleDateString());
console.log(data.toLocaleDateString("pt-BR"));
console.log(data.toLocaleDateString("en-US"));

Você tambem pode setar as opções para modificar a forma como a data é exibida:

var data = new Date();
var options = {};

options = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' }
console.log(data.toLocaleDateString([], options));

options = { timeZone: 'UTC', timeZoneName: 'short' }
console.log(data.toLocaleDateString([], options));

Tobias Mesquita
  • 23,1mil
  • 1
  • 32
  • 52