javascript - Twitter 的 Bootstrap 日期时间选择器

标签 javascript jquery twitter-bootstrap twitter datetimepicker

您好,我正在使用以下插件在输入字段中显示日期时间,问题是我无法获取该值并且无法理解如何执行此操作。 The plugin 。我不明白这个功能是什么,但可以肯定这不起作用:

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] has no method '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);
});

关于javascript - Twitter 的 Bootstrap 日期时间选择器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17874767/

相关文章:

javascript - ionic invalid key hash facebook 不匹配任何存储

javascript - Webpack 抛出 "Module parse failed with Unexpected token"错误

JavaScript 和 iframe 样式

javascript - 在脚本 src 中使用本地存储值

javascript - 无法使用 Angular ng-repeat 和 jquery 在 HTML 表中显示行

javascript - 有人可以解释以下 Angular 测试代码中调用的 evaluate() 和 dragAndDrop() 是什么吗?

javascript - Vue 实例中的 Vue 实例

html - 模态关闭时 Bootstrap 蓝色轮廓

html - Bootstrap 导航栏崩溃在计算机上工作而不是在 iphone 上工作

ruby-on-rails-3 - Rails3 上的 Twitter Bootstrap 分页