在选择和数据交换格式后关闭数据交换

Question

我正在使用数据报警器，但我想要一种格式‘DD/MM/YY’，所以我有以下代码：

$( ".datepicker" ).datepicker({
  dateFormat: 'dd/mm/y',
  changeMonth: true,
  changeYear: true
});

但它不起作用，格式出现了"MM/DD/YY“。另外，当选择日期时，数据报警器尚未关闭，您知道如何做吗？

https://jsfiddle.net/g6ko3uqn/12/

HTML：

<form method="post" class="clearfix" action="" enctype="multipart/form-data">
  <div class="form-row">
    <div class="form-group col-md-6">
      <label for="date" class="text-heading h6 font-weight-semi-bold">Date</label>
      <div class="input-group date" data-provide="datepicker">
        <input type='text' name="date" class="form-control datepicker" placeholder="DD/MM/YYY" id="datetimepicker1" placeholder="DD/MM/YYY" />
        <span class="input-group-addon">
          <i class="fa fa-calendar text-primary" aria-hidden="true"></i>
        </span>
      </div>
    </div>

  </div>

</form>

Answer 1

使用父div所以使用. instead p.date而不是.datepicker

然后添加一些jquery，以达到如下的结束效果：

$('.input-group.date').on('changeDate', function(){
    $(this).datepicker('hide');
});

你应该使用格式，而不是dateFormat，你也错过了一个'y'：

format: 'dd/mm/yy',

所以这应该是你的代码：

$( ".input-group.date" ).datepicker({
  format: 'dd/mm/yy',
  changeMonth: true,
  changeYear: true
});