Javascript datepicker引导程序中的工具提示出错

Javascript datepicker引导程序中的工具提示出错,javascript,css,twitter-bootstrap,datepicker,tooltip,Javascript,Css,Twitter Bootstrap,Datepicker,Tooltip,只是有一个关于我在datepicker中的工具提示的问题。 如果我将工具提示添加到日期选择器,日历编号将向右移动。 我无法用JSFIDLE重现错误,但下面是代码和图片。如果我看一下工具提示,它会生成style=“left:135.208px” html css 和jsfiddle: <div id="datepicker99"></div> var datesGreen = ['3/12/2015', '4/12/2015']; var datesYellow =

只是有一个关于我在datepicker中的工具提示的问题。 如果我将工具提示添加到日期选择器,日历编号将向右移动。 我无法用JSFIDLE重现错误,但下面是代码和图片。如果我看一下工具提示,它会生成style=“left:135.208px”

html

css

和jsfiddle:

<div id="datepicker99"></div>
var datesGreen = ['3/12/2015', '4/12/2015'];
var datesYellow = ['16/12/2015', '17/12/2015', '18/12/2015'];
var datesRed = ['24/12/2015', '25/12/2015'];

$("#datepicker99").datepicker({
format: "dd/mm/yyyy",
autoclose: true,
todayHighlight: true,
beforeShowDay: function(date){
var d = date;
var curr_date = d.getDate();
var curr_month = d.getMonth() + 1; //Months are zero based
var curr_year = d.getFullYear();
var formattedDate = curr_date + "/" + curr_month + "/" + curr_year

if ($.inArray(formattedDate, datesGreen) != -1){
  return {
    tooltip: 'text',
    classes: 'highlight-green'
  };
}
if ($.inArray(formattedDate, datesYellow) != -1){
  return {
    classes: 'highlight-yellow'
  };
}
if ($.inArray(formattedDate, datesRed) != -1){
  return {
    classes: 'highlight-red'
  };
 }
 return;
}
});
 $('.highlight-green').tooltip({placement : 'top'});
.ui-widget{
font-size: 0.7em;
}
td.highlight {
}
td.highlight-green {
background: green!important;
color: #fff!important;
}
td.highlight-yellow {
background: yellow!important;
color: #000!important;
}
td.highlight-red {
background: red!important;
color: #fff!important;
}