Jquery DatePicker работает в Chrome, но в Firefox при редактировании даты, формат DatePicker отображается как NaN-NaN-NaN

Я использую шаблон Metronic для веб-приложения, JQuery DatePicker работает в Chrome, но в Firefox при редактировании даты, формат DatePicker отображается как NaN-NaN-NaN.

Мои коды:

$('.edit').on('click', function () {
var date, id = this.id;
$.getJSON('{{path('getuser')}}?userid=' + id, function (data) {
$("#user_id").val(id);
$("#page_type").val('edit');
$("#empid").val(data['user'][0].EmployeeID);
$("#empid").attr("disabled", "disabled");
$("#fname").val(data['user'][0].FirstName);
$("#lname").val(data['user'][0].LastName);
if (data['user'][0].DOJ) {
var d = new Date(data['user'][0].DOJ);
var day = d.getDate();
var month = d.getMonth() + 1;
var year = d.getFullYear();
if (month < 10) {
month = "0" + month;
}
if (day < 10) {
day = "0" + day;
}
date = month + "-" + day + "-" + year;
$("#doj").val(date);
} else {
date = '';
$("#doj").val('');
}
var arr = data['roles'];
$.each(arr, function (i, val) {
$('#my_multi_select1').multiSelect('select', arr[i].RoleID);
});
var locname = $("select[name=location] option[value='" + data['user'][0].LocationID + "']").text();
$('#location option').filter(function () {
return $(this).text() === locname;
}).prop('selected', true);
$("#s2id_location > a > .select2-chosen").text(locname);
$("#uname").val(data['user'][0].UserName);
$("#email").val(data['user'][0].EmailID);
$("#password").val(data['user'][0].Password);
$('#portlet-config').modal('show');
});
});

выход:

NaN-NaN-NaN

Нужно решение.

Спасибо за продвижение.