eonasdan Bootstrap datetimepicker неверное преобразование даты

Question

У меня есть DateTimePicker Bootstrap, который имеет фиксированный формат.

$('.datetimepicker1').datetimepicker({ 
    format: 'ddd, DD MMM YYYY' 
}); 

Все работает нормально, но когда я пытаюсь вставить дату на нем в другом формате, он преобразует его в неправильную дату.

Дата, в которую я вставил, - 01/02/2016, и результатом, полученным от datetimepicker, является Tue, 01 Jan 0002, когда я ударил вкладку.

Он преобразует его в формат даты, который я установил, но дата неверна. Я попытался преобразовать его в обмен, но я знаю, что должен быть более чистый и лучший способ справиться с этим.

Любые идеи? Благодаря!

Answer 1

У datetimepicker есть опция extraFormats, которая позволяет указать несколько форматов. В вашем случае, вы можете использовать следующий код в качестве примера:

$('.datetimepicker1').datetimepicker({ 
 
    format: 'ddd, DD MMM YYYY', 
 
    extraFormats: ['ddd, DD MMM YYYY', 'DD/MM/YYYY'] 
 
});

<link href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.css" rel="stylesheet"/> 
 
<link href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/css/bootstrap-datetimepicker.css" rel="stylesheet"/> 
 

 
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.js"></script> 
 
<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.13.0/moment.min.js"></script> 
 
<script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/js/bootstrap.js"></script> 
 
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/js/bootstrap-datetimepicker.min.js"></script> 
 

 
<div class="form-group"> 
 
    <div class="input-group date datetimepicker1"> 
 
    <input type="text" class="form-control" /> 
 
    <span class="input-group-addon"><span class="glyphicon-calendar glyphicon"></span></span> 
 
    </div> 
 
</div>