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

时间:2015-08-14 12:48:36

标签: javascript jquery html5 twitter-bootstrap-3 datetimepicker

我正在使用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和日期字符串。我可以设置日期显示在日期文本字段中的日期格式,但不能在我阅读时设置日期格式。

1 个答案:

答案 0 :(得分:0)

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

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

您可以在任何地方格式化此日期