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 %}
相关推荐
名字还没想好☜2 分钟前
React useEffect 依赖数组踩坑:闭包陷阱与清理函数
前端·javascript·react.js·react·useeffect
宸翰1 小时前
uni-app 设置 Android 底部虚拟导航栏背景色
android·前端·uni-app
柒和远方1 小时前
LeetCode 4. 寻找两个正序数组的中位数 —— 二分划分的艺术
javascript·python·算法
金色的暴发户1 小时前
一劳永逸解决Codex手机验证
前端·人工智能·开源
DanCheOo1 小时前
AI 应用的可观测性:你的 AI 系统在生产上到底表现怎么样
前端·openai
Hyyy2 小时前
流式渲染用react-markdown还是Vercel/Streamdown
前端
风中的小甜瓜2 小时前
ASP.NET Page 那点事
java·前端·asp.net
木西2 小时前
告别机械重复:使用 Node.js + Playwright 构建 24 小时全自动测试网领水脚本
前端·javascript·node.js
学也学不废2 小时前
Flask问答系统与LAUR模型
人工智能·python·机器学习·分类·数据挖掘
lewis_lk2 小时前
uv: Python 新一代极速包管理工具
python