1

我已经使用默认的 codeigniter 日历设置了事件日历。我只是想不出定制它的方法。按照指南并使用相同的模板并使用 css 修改外观。我还遵循了http://net.tutsplus.com/tutorials/php/codeigniter-from-scratch-the-calendar-library/的教程

问题是我想添加更多功能,例如使用下拉菜单导航到不同的月份和年份,而不是一直单击下一步。而且我希望下一个和上一个按钮彼此相邻,而不是在日历的角落。我尝试重新排列模板代码但没有用。

我想要类似于这个 http://davidwalsh.name/demo/php-calendar-controls.php

我使用的模板代码是

$prefs['template'] = '

           {table_open}<table border="0" cellpadding="0" cellspacing="0" class="calendar">{/table_open}

           {heading_row_start}<tr>{/heading_row_start}

           {heading_previous_cell}<th><a href="{previous_url}">&lt;&lt;</a></th>{/heading_previous_cell}
           {heading_title_cell}<th colspan="{colspan}">{heading}</th>{/heading_title_cell}
           {heading_next_cell}<th><a href="{next_url}">&gt;&gt;</a></th>{/heading_next_cell}

           {heading_row_end}</tr>{/heading_row_end}

           {week_row_start}<tr>{/week_row_start}
           {week_day_cell}<td>{week_day}</td>{/week_day_cell}
           {week_row_end}</tr>{/week_row_end}

           {cal_row_start}<tr class="calendar_days">{/cal_row_start}
           {cal_cell_start}<td>{/cal_cell_start}

           {cal_cell_content}
                <div class="calendar_day_num">{day}</div>
                <div class="calendar_content">{content}</div>
           {/cal_cell_content}
           {cal_cell_content_today}
                <div class="calendar_day_num calendar_highlight">{day}</div>
                <div class="calendar_content">{content}</div>
           {/cal_cell_content_today}

           {cal_cell_no_content}<div class="calendar_day_num">{day}</div>{/cal_cell_no_content}
           {cal_cell_no_content_today}<div class="calendar_day_num calendar_highlight">{day}</div>{/cal_cell_no_content_today}

           {cal_cell_blank}&nbsp;{/cal_cell_blank}

           {cal_cell_end}</td>{/cal_cell_end}
           {cal_row_end}</tr>{/cal_row_end}

           {table_close}</table>{/table_close}
        ';

模板没有问题,但我想要类似的东西

$prefs['template'] = '

           {table_open}<table border="0" cellpadding="0" cellspacing="0" class="calendar">{/table_open}

           {heading_row_start}<tr>{/heading_row_start}

           {heading_previous_cell}<th><a href="{year_month}"><!--dropdown for year and month--></a></th>{/heading_previous_cell}
           {heading_title_cell}<th colspan="{colspan}">{heading}</th>{/heading_title_cell}
            {heading_previous_cell}<th><a href="{previous_url}">&lt;&lt;</a></th>{/heading_previous_cell}
           {heading_next_cell}<th><a href="{next_url}">&gt;&gt;</a></th>{/heading_next_cell}

           {heading_row_end}</tr>{/heading_row_end}

           {week_row_start}<tr>{/week_row_start}
           {week_day_cell}<td>{week_day}</td>{/week_day_cell}
           {week_row_end}</tr>{/week_row_end}

所以输出将是

  1. 第一列 - 标题(即月份名称)
  2. 第二列 - 下拉选项可轻松导航到特定年份和月份
  3. 第三列 - 下个月和上个月的链接
4

0 回答 0