【问题标题】:DatePicker Bootstrap: invert day and month after selectionDatePicker Bootstrap:选择后反转日期和月份
【发布时间】:2018-07-17 19:45:48
【问题描述】:

我用 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"
            });

【问题讨论】:

    标签: jquery bootstrap-4 datetimepicker


    【解决方案1】:
     format:'dd/mm/yyyy',
    

    像这样试试。

    【讨论】:

    • 检查后,datepickerjs 使用“format”而不是“dateFormat”。
    【解决方案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.js 可以使用“格式”,但 sukumar2267 之前回复过。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-10-24
    • 1970-01-01
    • 2012-04-19
    • 2013-02-27
    相关资源
    最近更新 更多