javascript - 日期选择器 “fengyuanchen/datepicker” 仅将 'Day' 输出到值中

Question

我正在使用Datepicker从输入字段中选择一个日期并将其返回到提交表单之前的值中。问题是，当使用 .getDate 时，它仅返回第一天。我需要将值输出为 yyyy-mm-dd。

任何帮助都会很棒!

jQuery('[data-toggle="datepicker"]').datepicker({
  format: 'yyyy-mm-dd',
  pick: function(e) {
    var date = e.date.getDate();
    jQuery(this).attr('value', date)
  }
});

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<link href="https://fengyuanchen.github.io/datepicker/css/datepicker.css" rel="stylesheet" />
<script src="https://fengyuanchen.github.io/datepicker/js/datepicker.js"></script>

<input id="leftBound" data-date-format="yyyy.mm.dd" data-toggle="datepicker" class="leftBound form-control" type="input" name="left_bound" value="" />

Answer 1

根据documentation :

var date = $(this).datepicker('getDate', true);

jQuery('[data-toggle="datepicker"]').datepicker({
    format: 'yyyy-mm-dd',
    pick: function(e) {
        var date = $(this).datepicker('getDate', true);
        jQuery(this).attr('value', date)
    }
});

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<link href="https://fengyuanchen.github.io/datepicker/css/datepicker.css" rel="stylesheet" />
<script src="https://fengyuanchen.github.io/datepicker/js/datepicker.js"></script>


<input id="leftBound" data-date-format="yyyy.mm.dd" data-toggle="datepicker" class="leftBound form-control" type="input" name="left_bound" value="" />