DatePicker Bootstrap: 选择后反转日月

Question

我用 bootstrap:

实现了这个日期选择器

然后我尝试更改日期，尽管我将代码的以下部分中的格式强制设置为 "dd/mm/yyyy"，但它会自动切换日期和月份，反之亦然。

HTML:

<div class="form-group"  id="datainiziocpform">
                          <label for="datainizio">Data d'inizio:</label>
                          <div class="input-group date">
                            <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                            <input id="datainizio" type="text" class="form-control" name="datainizio" value="{{$data[0]->datainizio}}" />

                          </div>


                        </div>

jQuery:

  $('#datainiziocpform .input-group.date').datepicker({
              startDate:$('#datainizio').val(),
              dateFormat: "dd/mm/yyyy",
              autoclose:true,
              language: "it"
            });

Answer 1

 format:'dd/mm/yyyy',

这样试试。

Answer 2

试试这个 format: "dd/mm/yyyy" 而不是 dateFormat: "dd/mm/yyyy"

 $('#datainiziocpform .input-group.date').datepicker({
  startDate:$('#datainizio').val(),
  format: "dd/mm/yyyy",
  autoclose:true,
  language: "it"
});

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" >
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.8.0/css/bootstrap-datepicker.css" rel="stylesheet"/>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.8.0/js/bootstrap-datepicker.js"></script>


<div class="form-group"  id="datainiziocpform">
  <label for="datainizio">Data d'inizio:</label>
  <div class="input-group date">
    <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
    <input id="datainizio" type="text" class="form-control" name="datainizio"  />
  </div>
</div>

DatePicker Bootstrap: 选择后反转日月

DatePicker Bootstrap: invert day and month after selection

jquery

datetimepicker

bootstrap-4