Question

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

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

我无法获取日期输出（当我点击检查日期时）格式化为以下样式，如？

03/28/2018或03-28-2018

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

周五，2018年3月16日

＆＃13;

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'))

})

＆＃13;

<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>

＆＃13;

Answer 1

自举-datepickers＆＃39; getDate方法返回日期对象，如documentation中所述。你必须自己格式化。

我建议moment.js。它是一个很好的JavaScript库处理日期库，手动完成时非常麻烦（零个月，咳嗽......）。

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

Bootstrap datepicker getDate和格式化

1 个答案: