Bootstrap datepicker getDate 和格式化答案

【问题标题】：Bootstrap datepicker getDate and formatingBootstrap datepicker getDate 和格式化
【发布时间】：2018-03-28 12:37:25
【问题描述】：

我使用这个日期选择器作为范围：

http://bootstrap-datepicker.readthedocs.io/en/latest/markup.html#date-range

我无法获取格式为以下样式的日期输出（当我单击检查日期时）？

2018 年 3 月 28 日或 2018 年 3 月 28 日

例如，如何在输入字段中显示日期？

2018 年 3 月 16 日星期五

var dateRange = $('#datepicker-wrap').datepicker({

  container: '#datepicker-wrap'

})

var date_format = "MM/DD/YYYY",
    startDatePicker = $('#startDatePicker'),
    endDatePicker = $('#endDatePicker')

var a = moment().subtract(1, 'year').toDate(),
  b = moment().format(date_format);

startDatePicker.datepicker('setDate', a);
endDatePicker.datepicker('setDate', b);

$('#run').on('click', function() {

  console.log(startDatePicker.datepicker('getDate'), endDatePicker.datepicker('getDate'))

})

<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.7.1/css/bootstrap-datepicker3.min.css
" rel="stylesheet" type="text/css" />


<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.21.0/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.7.1/js/bootstrap-datepicker.min.js"></script>




<div class="input-daterange" id="datepicker-wrap">

  <div class="form-group">
    <label for="startDate">START DATE</label>
    <div class='input-group'>
      <input type="text" class="input-sm form-control" id="startDatePicker" required/>
    </div>
  </div>

  <div class="form-group">
    <label for="endDate">END DATE</label>
    <div class='input-group'>
      <input type="text" class="input-sm form-control" id="endDatePicker" required/>
    </div>
  </div>
</div>

<button id="run">get dates</button>

【问题讨论】：

标签： twitter-bootstrap datepicker range

【解决方案1】：

bootstrap-datepickers 的getDate 方法返回一个日期对象，如其documentation 中所述。你必须自己格式化。

我为此推荐moment.js。它是一个很棒的库，用于处理 JavaScript 中的日期，手动完成时相当麻烦（从零开始的月份，咳嗽......）。

您可能还想查看this related SO question。

【讨论】：