datepicker формат не работает

Question

Я пытался исправить это, но его просто не работает. Он выводится как: 08/15/2016, но я хочу так: 15.08.2016. Я также пробовал использовать «dateFormat», но это тоже не сработало.

var nowTemp = new Date(); 
nowTemp.setDate(nowTemp.getDate()+1); 

var fromEndDate = new Date(); 

$(function() { 

    $('#dpd1').datepicker({ 
     startDate: nowTemp, 
     dateFormat: "dd.mm.yy" 
    }); 

    $('#dpd2').datepicker({ 
     endDate: fromEndDate, 
     autoclose: true, 
     dateFormat: "dd.mm.yy" 
    }); 

}); 


var now = new Date(nowTemp.getFullYear(), nowTemp.getMonth(), nowTemp.getDate(), 0, 0, 0, 0); 

var checkin = $('#dpd1').datepicker({ 
    onRender: function(date) { 
     return date.valueOf() < now.valueOf() ? 'disabled' : ''; 
    } 
}).on('changeDate', function(ev) { 
    if (ev.date.valueOf() > checkout.date.valueOf()) { 
     var newDate = new Date(ev.date) 
     newDate.setDate(newDate.getDate() + 1); 
     checkout.setValue(newDate); 
    } 
    checkin.hide(); 
    $('#dpd2')[0].focus(); 
}).data('datepicker'); 

var checkout = $('#dpd2').datepicker({ 
    onRender: function(date) { 
     return date.valueOf() <= checkin.date.valueOf() ? 'disabled' : ''; 
    } 

}).on('changeDate', function(ev) { 
    checkout.hide(); 
}).data('datepicker'); 

Этот код является выключенным прошлым датой и возможностью выбора в dpd2 только будущих датах.

Answer 1

Change «» в «»

$(function() { 

    $('#dpd1').datepicker({ 
     startDate: nowTemp, 
     dateFormat: 'dd.mm.yy', 
    }); 

    $('#dpd2').datepicker({ 
     endDate: fromEndDate, 
     autoclose: true, 
     dateFormat: 'dd.mm.yy' 
    }); 

}); 

Сделайте тест без остальной части скрипта, чтобы убедиться, что проблема в этой функции.

Код работает нормально, возможно, ошибка находится в другом месте.
https://jsfiddle.net/iandrabedin/09sh7b86/

Answer 2

Является ли это то, что вы хотите

$('#txtDob').datepicker({ 
 
    format: 'dd.mm.yyyy', 
 
    autoclose: true 
 
});

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet" /> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/css/bootstrap-datepicker3.css" rel="stylesheet" /> 
 

 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/js/bootstrap-datepicker.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/locales/bootstrap-datepicker.de.min.js"></script> 
 

 
<form action="#" method="post"> 
 
    <label for="txtDob"></label> 
 
    <input type="text" id="txtDob" /> 
 
</form>