eonasdanブートストラップdatetimepicker無効な日付変換

Question

固定フォーマットの DateTimePicker Bootstrapがあります。

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

すべてが正常に動作しますが、私は別のフォーマットでそれに日付を貼り付けるしようとすると、それは間違った日付に変換します。

貼り付けた日付が01/02/2016で、タブを押すとdatetimepickerから得られる結果はTue, 01 Jan 0002です。

設定した日付形式に変換しますが、日付が間違っています。私はそれをonchangeに変換しようとしましたが、これを処理するためのよりクリーンでより良い方法があるはずです。

アイデア？ありがとう！

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>