【发布时间】:2010-11-08 08:12:08
【问题描述】:
选择 ui datepicker 作为日历并使用 cluetip 来显示事件。脚本一直在工作,直到我更改月份(按钮 )。
主要思想是为包含日期和悬停显示的元素设置标题,并使用线索提示将文本拆分成行。
编辑:这是example - 希望它有助于理解我的问题。
这里是javascript代码:
$(document).ready(function() {
var dates =[ // adding events
[new Date(2010,8,01),new Date(2010,8,03),"Event1 | text | next line"]
];
$('#calendar').datepicker({
beforeShowDay: highlightEvents,
});
function highlightEvents(date) {
for (var i = 0; i < dates.length; i++) {
if (dates[i][0] <= date && dates[i][2] >= date) {
return [true, 'odd', dates[i][2]]; } // odd == style
}
$('td.odd').cluetip({ // cluetip main function
splitTitle: '|',
cluetipClass: 'jtip',
arrows: true,
dropShadow: true,
});
});
HTML代码:
<div id="calendar"></div>
提前致谢!
【问题讨论】:
标签: javascript jquery calendar uidatepicker cluetip