Django 前端模板显示换行符、日期格式

linebreaksbr

显示换行符

html 复制代码
<td>{{ data.sku_list|default:"无"|linebreaksbr }}</td>

date:"Y年m月d日 H:i"

设置日期格式

html 复制代码
<td>{{ data.submit_time|date:"Y年m月d日 H:i" }}</td>

其他语法

forloop

获取循环的索引

forloop.counter的索引是从1开始,下面代码的解释,如果是第一条数据,则添加对应的样式

html 复制代码
{% for ever_data in data %}
    <li {% if forloop.counter == 1 %} class="latest"{% endif %}>
        <div {% if forloop.counter == 1 %}style="color: orangered"{% endif %}>{{ ever_data.submit_time | date:"Y年m月d日 H:i" }}</div>
        <div>{{ ever_data.title }}</div>
        <div>{{ ever_data.content | linebreaksbr }}</div>
    </li>
{% endfor %}
相关推荐
San30.几秒前
告别全局污染:深入解析现代前端的模块化 CSS 演进之路
前端·css·vue.js·react.js
程序员鱼皮4 分钟前
干掉 Claude Code,这个开源 AI 编程工具杀疯了?
前端·后端·计算机·ai·程序员
柠檬叶子C5 分钟前
【Python】解决 No module named ‘imp‘ 问题 | Python3 中废弃的 imp 模块
开发语言·python
我想吃烤肉肉6 分钟前
wait_until=“domcontentloaded“ 解释
开发语言·前端·javascript·爬虫·python
xkxnq7 分钟前
第一阶段:Vue 基础入门(第 12天)
前端·javascript·vue.js
weixin199701080169 分钟前
废旧物资 item_search - 按关键字搜索商品列表接口对接全攻略:从入门到精通
数据库·python
海棠AI实验室10 分钟前
第二章 从脚本到工程:进阶学习的 5 个方法论(可维护性/可复现/可评估/可扩展/可交付)
python·数据
q_191328469511 分钟前
基于Springboo和vue开发的企业批量排班系统人脸识别考勤打卡系统
前端·javascript·vue.js·spring boot·mysql·毕业设计·人脸识别
BianHuanShiZhe14 分钟前
swift计算文本高度
前端·javascript·html
wtsolutions16 分钟前
Sheet-to-Doc模板设计最佳实践:创建专业的Word模板
前端·javascript·数据库