ブートストラップのDatepickerのフォーマットを変更できません

Question

このフォーマットのdatepickerを持っています：dd/mm/yyyy。私はJavascriptでデフォルトの日付を設定するとき、私は良いフォーマットで自分の日付を持っています。 mm/dd/yyyy

HTMLコード：

<div class="input-group" id="datepicker"> 
    <input type="text" class="form-control" data-bind="value: startDate, event: {change: savePerishableDate}" id="date"/> 
</div> 

Javascriptの日付ピッカー：

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#date").datepicker({ 
      format: "dd/mm/yyyy", 
      language: "fr", 
      changeMonth: true, 
      changeYear: true 
     }); 
    }); 
</script> 

Javascriptを：

self.startDate(new Date) 
tmpDate = new Date 
self.startDate(tmpDate.toLocaleDateString("fr-FR")) 
$('#date').datepicker 'setDate', self.startDate() 

Answer 1

しかし、私は、フォーマットがでリセットされ、別の日付を選択するために、それをクリックしたとき私はあなたがブートストラップのdatepickerの古いバージョンを使用していると思う、この最新のを使用して設定することができますDATEFORMATあなたが

$(document).ready(function() { 
 
      $("#date").datepicker({ 
 
       format: "dd/mm/yyyy", 
 
       language: "fr", 
 
       changeMonth: true, 
 
       changeYear: true 
 
      }); 
 
     });

<!-- Latest compiled and minified CSS --> 
 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"/> 
 
<link type="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.7.1/css/bootstrap-datepicker3.min.css"/> 
 
<!-- jQuery library --> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
 

 
<!-- Latest compiled JavaScript --> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.7.1/js/bootstrap-datepicker.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js"></script> 
 

 
<div class="input-group" id="datepicker"> 
 
    <input type="text" class="form-control" data-bind="value: startDate, event: {change: savePerishableDate}" id="date"/> 
 
</div>