推特'的引导程序日期时间选择器

Twitter's bootstrap datetime picker

本文关键字：日期 时间 选择器 引导程序 推特      更新时间：2023-09-26

嗨，我正在使用以下插件在我的输入字段中显示日期时间，问题是我无法获得值，也不知道如何执行。插件。我不明白这个功能是什么，但可以肯定的是，它不起作用：

HTML:

<div class="input-append date datetimepicker" data-date="12-12-2012"
data-date-format="dd-mm-yyyy">
   <input class="span2" size="16" type="text" value="12-12-2012">
   <span class="add-on"><i class="icon-th"></i></span>
</div>
<div id="view"></div>

JS:

$(document).ready(function() {
   $('.datetimepicker').datetimepicker({
     format: 'dd-mm-yyyy hh:ii',
     todayBtn: true,
     pickerPosition: "bottom-left"
   });
});
$(document.body).on('change', ".datetimepicker", function(e){
   var date = $(".datetimepicker").getDate();
   $("#view").html(date);
});

我得到错误

Object[Object Object]没有方法"getDate"

很明显，我有一些错误，但找不到，在文档中，我找不到如何从字段中提取日期。请帮忙！

$('.datetimepicker').datetimepicker().on('changeDate', function(ev){
    console.log(ev.date.valueOf());
});

或

$(document.body).on('change', ".datetimepicker", function(e){
   var date = e.date.valueOf();
   $("#view").html(date);
});

$(document.body).on('changeDate', ".datetimepicker", function(e){
   var date = e.date.valueOf();
   $("#view").html(date);
});

$(document).ready(function() {
  $('.datetimepicker')
  .datetimepicker({
    format: 'dd-mm-yyyy hh:ii',
    todayBtn: true,
    pickerPosition: "bottom-left"
  })
  .on('changeDate', function(ev){
     $("#view").html(ev.date.valueOf());
  });

})；

好吧，我已经完成了这是我需要的代码，感谢@acudars和@rps

相关文章：