以更简单的格式从 Bootstrap Date/Time 选择器中读取日期值

Question

我正在使用 Eonasdan 的 Bootstrap Date/time 选择器： https://github.com/Eonasdan/bootstrap-datetimepicker

我希望能够以我选择的格式读取 selected 选择的日期，在本例中为 DD/MM/YYYY。然而，它似乎输出星期几、月份名称、日期、年份、时间和 GMT 偏移量。

我在这里创建了一个脚本示例： http://jsfiddle.net/0Ltv25o8/1649/

<div class="row">
    <div class="col-md-12">
        <p><input type="text" class="datefield" placeholder="Date 1" id="date1"/></p>
        <p><input type="text" class="datefield" placeholder="Date 2" id="date2"/></p>
    </div>
</div>


$('.datefield').datetimepicker({
   format: 'DD/MM/YYYY'
})

$(document).on('dp.change', '.datefield', function(e) {
  var id=$(this).attr('id');
  var theDate=e.date;

  alert(id + " / " + String(theDate));    
});

当你 select 一个日期时，我输出日期文本字段的 ID 和日期字符串。我可以为日期在日期文本字段中的显示方式设置日期格式，但在阅读时不能。

Answer 1

$(document).on('dp.change', '.datefield', function(e) {
  var id=$(this).attr('id');
  var theDate=e.date;

  alert(id + " / " + e.date.format('DD/MM/YYYY'));
});

您可以在任何地方设置此日期的格式

以更简单的格式从 Bootstrap Date/Time 选择器中读取日期值

Read date value from Bootstrap Date/Time picker in a simpler format

html

javascript

jquery

datetimepicker

twitter-bootstrap-3