以更简单的格式从引导日期/时间选择器读取日期值

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

本文关键字:时间 选择器 读取 取日期 日期 更简单 格式      更新时间:2023-09-26

我正在使用Eonasdan的Bootstrap日期/时间选择器:https://github.com/Eonasdan/bootstrap-datetimepicker

我希望能够以我选择的格式读取所选择的日期,在这种情况下是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));    
}); 

当您选择日期时,我输出日期文本字段的ID和日期字符串。我可以设置日期在日期文本字段中如何显示的日期格式,但不是当我读取它。

$(document).on('dp.change', '.datefield', function(e) {
  var id=$(this).attr('id');
  var theDate=e.date;
  alert(id + " / " + e.date.format('DD/MM/YYYY'));
}); 

你可以在任何地方设置这个日期的格式