Jquery Datepicker:动态绑定的事件日期的工具提示

时间:2014-02-14 05:13:46

标签: php jquery dynamic datepicker

我尝试创建动态工具提示(事件库)并完成它,但问题是它显示在所有日期,我只想在事件日期显示工具提示。

(即今天是14日元,那么它应该只显示工作提示“情人节”仅在14日,但目前显示工具提示“情人节”在所有日期。)

这是静态 Jsfiddle Code

这是我的 PHP + JQ Datepicker代码

<div id="academic_calendar" alt="<?=$title?>">

        <?php 
            $SelectStmt = "select * from calender where isactive=1 order by id desc";
            $result=   mysql_query($SelectStmt,$conn);  
            if ($row = mysql_num_rows($result)>0) 
            {  
                while ($row = mysql_fetch_assoc($result)) 
            {     
            ?>
                <li>
                    <p><strong><?=($row['title']); ?></strong><br /></p>
                </li>
                <script type="text/javascript">
                    var simple = "<?=($row['title']); ?>";
                    $('#academic_calendar').datepicker();
                    $(".ui-state-default").live("mouseenter", function() {
                        $(this).attr('title', simple);
                    });
                </script>
                <?
            }}
        ?>
    </div>
  </div>

1 个答案:

答案 0 :(得分:0)

您可以在javascript中使用以下语句:

$("td[data-handler=selectDay][data-month=1] :contains(14)").attr("title", "valentines day")

在您的示例中,二月的编号为1,March编号为2,依此类推。将其插入PHP代码中,并替换每个日期的data-month和contains选择器。 也许你应该删除datepicker的title属性:

对于

<div id="academic_calendar" title="tooltip">

你应该写:

<div id="academic_calendar">