Datepicker里面的bootstrap popover

我有一个位于弹出框内的日期选择器。 Datepicker无法正常工作。 有没有人这样做过

  -   
 
 
 Start time? 
     
 
 
 End time? 
     
 
 
 Search between dates 
 
 
  

JS

 $('#datetimepicker1').datetimepicker(); $('#datetimepicker2').datetimepicker(); $("#datetimepicker1").on("dp.change", function (e) { $('#datetimepicker2').data("DateTimePicker").minDate(e.date); }); $("#datetimepicker2").on("dp.change", function (e) { $('#datetimepicker1').data("DateTimePicker").maxDate(e.date); }); $("[data-toggle=popover]").popover({ html: true, content: function() { return $('#popover-content').html(); } }); 

http://jsfiddle.net/J7nDz/43/

有人能发现错误吗？

Answer 1

您可以通过以下方法实现，但是您尝试的方式，我怀疑它可能无法使用bootstrap datetimepicker ，因为moment.js会抛出以下错误

SyntaxError：return语句后无法访问的代码

将HTML内容放在popover触发器按钮data-content=''并从HTML中删除class="hide" ，您还必须使用popover回调函数或bootstrap popover事件监听器。

 
 Date  

具有回调function

 $(document).ready(function () { var showPopover = $.fn.popover.Constructor.prototype.show; $.fn.popover.Constructor.prototype.show = function () { showPopover.call(this); if (this.options.showCallback) { this.options.showCallback.call(this); } } $("#PopS").popover({ html: true, showCallback: function () { $('#datetimepicker1').datetimepicker(); $('#datetimepicker2').datetimepicker(); } }); }); 

摆弄回调function

使用popover事件监听器

 $(document).ready(function () { $("#PopS").popover({ html: true }).on('shown.bs.popover', function () { $('#datetimepicker1').datetimepicker(); $('#datetimepicker2').datetimepicker(); }); }); 

摆弄事件监听器