eonasdan Bootstrap datetimepicker ungültiges Datum Umwandlung

Question

Ich habe eine DateTimePicker Bootstrap, die ein festes Format hat.

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

Alles funktioniert gut, aber wenn ich versuche, ein Datum auf sie mit einem anderen Format einzufügen, es wandelt sie in ein falsches Datum.

Das Datum, das ich eingefügt habe, ist 01/02/2016 und das Ergebnis, das ich von dem datetimepicker bekomme, ist Tue, 01 Jan 0002, wenn ich Tab drücke.

Es konvertiert es in das Datumsformat, das ich eingestellt habe, aber das Datum ist falsch. Ich habe versucht, es onchange zu konvertieren, aber ich weiß, dass es einen saubereren und besseren Weg geben sollte, damit umzugehen.

Irgendwelche Ideen? Vielen Dank!

Answer 1

Der datetimepicker hat extraFormats Option, die Sie mehrere Formate angeben können. In Ihrem Fall können Sie den folgenden Code als Beispiel verwenden:

$('.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>