如何在Django的HTMLCalendar中为每日日期添加页面跳转链接？

要给HTMLCalendar生成的日期加上对应页面的链接，核心是重写HTMLCalendar的formatday方法——原生HTMLCalendar只会输出纯数字日期，不会自动生成链接。以下是具体修改步骤：

1. 自定义带链接的日历类 #

在你的视图文件中，创建一个继承自HTMLCalendar的子类，重写formatday方法来生成带URL的日期标签：

from django.shortcuts import render
import calendar
from calendar import HTMLCalendar
from datetime import datetime
from django.urls import reverse  # 新增：用于生成命名URL

# 自定义日历类，重写日期格式化方法
class LinkCalendar(HTMLCalendar):
    def formatday(self, day, weekday):
        # 处理日历中空白的日期（上月/下月的日期占位）
        if day == 0:
            return '<td class="noday">&nbsp;</td>'
        
        # 用reverse生成规范URL，对应urls.py中的命名路由
        url = reverse('dayplanner:dayplanner', args=[self.year, self.month_name, day])
        # 返回带链接的日期单元格
        return f'<td><a href="{url}">{day}</a></td>'

2. 修改视图函数使用自定义日历 #

替换原来的HTMLCalendar实例，改用我们的LinkCalendar，并传递year和month参数用于生成URL：

def dayplanner(request, year=datetime.now().year, month=datetime.now().strftime('%B'), day=datetime.now().strftime('%A')):    
    month = month.title()
    month_number = list(calendar.month_name).index(month)
    
    # 初始化自定义日历，传入year和month名称（用于URL生成）
    cal = LinkCalendar()
    cal.year = year
    cal.month_name = month
    # 生成带链接的日历HTML
    cal_html = cal.formatmonth(year, month_number)
    
    now = datetime.now()
    
    return render(request, 'home.html', {
        "cal": cal_html,  # 传入新的日历HTML
    })

3. 可选：给当前日期添加特殊样式 #

如果想突出显示当天日期，可以在formatday方法中加入判断：

def formatday(self, day, weekday):
    if day == 0:
        return '<td class="noday">&nbsp;</td>'
    
    url = reverse('dayplanner:dayplanner', args=[self.year, self.month_name, day])
    # 判断是否为当前日期，添加样式类
    if day == datetime.now().day and self.year == datetime.now().year and self.month_name == datetime.now().strftime('%B').title():
        return f'<td><a href="{url}" class="today">{day}</a></td>'
    return f'<td><a href="{url}">{day}</a></td>'

为什么原来的for循环没用？ #

你之前生成的day_links只是单独的链接列表，没有嵌入到formatmonth生成的日历HTML结构里。通过重写formatday，我们直接在生成每个日期单元格时就注入链接，完美融入日历的HTML结构中。

模板中的{{ cal | safe }}无需修改，依然可以正常渲染带链接的日历。

内容的提问来源于stack exchange，提问作者Daikengo