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));