选择和日期选择器格式后关闭日期选择器

Question

我正在使用 datepicker，但我想要一个格式 'DD/MM/YY' 所以我有这个代码：

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

但它不起作用，格式显示为“MM/DD/YY”。此外，当使用 datepicker 选择日期时，datepicker 不会关闭，您知道该怎么做吗？

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 所以使用 .input-group.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
});