2016-11-09 3 views
1

예약 된 특정 날짜에 툴팁을 추가하고 싶습니다. 내 데이터베이스를 읽고 PHP에 의해 예약 된 날짜를 얻은 다음 jQuery로 전달하고 툴팁을 추가합니다. 이것은 내 코드입니다. 그러나 그것은 작동하지 않습니다. 이 코드는 날짜의 첫 번째 기간에 툴팁을 추가PHP 변수를 사용하여 부트 스트랩 datepicker의 특정 날짜에 툴팁을 추가하는 방법

<?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 } ?> 

답변

0

이 추가 :

.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!