Javascript 引导日期选择器在引导popover内不工作

Javascript 引导日期选择器在引导popover内不工作,javascript,jquery,html,twitter-bootstrap,datepicker,Javascript,Jquery,Html,Twitter Bootstrap,Datepicker,我有一个引导弹出框,里面我想有一个内联日期选择器。但是,会创建日期选择器,但不会触发任何日期选择器事件 我也参考了,但没有一个适合我 HTML代码 <div class="container" style="text-align:center;"> <a href="#" data-toggle="popover" data-placement="bottom" id="lnkLaunchDate"> <i class="glyphicon glyphi

我有一个引导弹出框,里面我想有一个内联日期选择器。但是,会创建日期选择器,但不会触发任何日期选择器事件

我也参考了,但没有一个适合我

HTML代码

<div class="container" style="text-align:center;">
  <a href="#" data-toggle="popover" data-placement="bottom" id="lnkLaunchDate">
    <i class="glyphicon glyphicon-filter" style="color: #000 !important;"></i>
  </a>
</div>

<div id="popover-launchDate" class="hide">
  <div>
    <div id="launchDate" class="grid-filter-datepicker" style="font-size:9px !important"></div>
  </div>
</div>
$('[data-toggle="popover"]').popover({

        html: true,
        title: function () {
            return "";
        },
        content: function () {
            return $("#popover-launchDate").removeClass('hide');
        },
        callback: function () { 
            $('#launchDate').datepicker();
        }

 })


$('#launchDate').datepicker();
这是我的


我错过什么了吗?任何帮助都将不胜感激

更改脚本代码

<div class="container" style="text-align:center;">
  <a href="#" data-toggle="popover" data-placement="bottom" id="lnkLaunchDate">
    <i class="glyphicon glyphicon-filter" style="color: #000 !important;"></i>
  </a>
</div>

<div id="popover-launchDate" class="hide">
  <div>
    <div id="launchDate" class="grid-filter-datepicker" style="font-size:9px !important"></div>
  </div>
</div>
$('[data-toggle="popover"]').popover({

        html: true,
        title: function () {
            return "";
        },
        content: function () {
            return $("#popover-launchDate").removeClass('hide');
        },
        callback: function () { 
            $('#launchDate').datepicker();
        }

 })


$('#launchDate').datepicker();

这是一个使用引导的简单jqueryUI日历实现 HTML

//POPOVER回调
var tmp=$.fn.popover.Constructor.prototype.show;
$.fn.popover.Constructor.prototype.show=函数(){
tmp.呼叫(本);
if(this.options.callback){
this.options.callback();
}
}
$('.popover日历').popover({
是的,
位置:'底部',
fixclass:“日历”,
内容:功能(){
返回$($(this.data('contentwrapper')).html();
},
回调:函数(){
$(“#日期选择器”)。日期选择器({
});
}
}).on(“单击”,函数(){
$(this.next().addClass('calendar-open');
});
$('body')。在('click',函数(e)上{
$('.popover calendar')。每个(函数(){
$('.popover calendar').datepicker();
$('.popover calendar').mousedown(函数(){
$(this.datepicker('hide');
});
});
});

今天

这可能会有帮助嘿,你的代码现在可以工作了@NikhilRajA我想要一个内联日期选择器。不是一个专注于输入控制的日期采集器你在找这种东西吗?@NikhilRajA是的,谢谢:)把这个作为答案,这样我就可以投票了。我试着用我提供的小提琴来实现你的解决方案,但没有成功。