如何使用 php 变量将工具提示（动态）添加到 Bootstrap datepicker 中的特定日期答案

【问题标题】：How to add Tooltip (dynamically) to specific dates in Bootstrap datepicker using php variables如何使用 php 变量将工具提示（动态）添加到 Bootstrap datepicker 中的特定日期
【发布时间】：2016-11-09 07:23:42
【问题描述】：

我想将工具提示添加到它们保留的特定日期。我的意思是我将读取我的数据库并通过 PHP 获取保留日期，然后将它们传递给 jQuery 并将 Tooltip 添加到它们。这是我的代码。但是它不起作用。此代码仅将 Tooltip 添加到日期的第一段：

<?php 
    $result = mysql_query("SELECT in_date,out_date FROM bookings");
    $count = mysql_num_rows($result);
    $query = $db->get_results("SELECT in_date,out_date FROM bookings");

    foreach($query as $row){  
        $in_date=$row->in_date;
        $out_date=$row->out_date;
        $in_day=substr($row->in_date,-2);
        $out_day=substr($row->out_date,-2);
?>

<script>
    $('#dpbs').datepicker({
        format: "yyyy-mm-dd",
        startView:1,
        weekStart: 6,
        todayBtn: true,
        language: "de",
        daysOfWeekDisabled: "0,1,2,3,4,5,6",
        datesDisabled: ['11/14/2016', '11/10/2016'],
        daysOfWeekHighlighted: "6",
        calendarWeeks: true,
        beforeShowDay: function (date){

            for (var ij = 1; ij < <?php echo json_encode($count);?>; ij++){
                if (date.getMonth() == (new Date()).getMonth())
                for(var i=<?php echo json_encode($in_day);?>;i<<?php echo json_encode($out_day);?>;i++){

                    switch (date.getDate()){
                        case i:
                        return {
                            tooltip: 'Example tooltip',
                            classes: 'active'
                        };
                    }
                }
            }
        },
        toggleActive: true
    });
</script>
<?php } ?>

【问题讨论】：

标签： php jquery bootstrap-datepicker

【解决方案1】：

添加这个：

.on('show',function(e) {
        $('td.day.activeClass').each(function(index, element) {
        var $element = $(element)
        $element.attr("title", "Promo Date");
        $element.data("container", "body");
        $element.tooltip()
      });

"activeClass" 是你的班级，或者如果你想整天提示提示，则只是 td.day！

【讨论】：