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 %}
相关推荐
小雨下雨的雨1 天前
井字棋AI机器人实现详解 - Minimax算法实战-鸿蒙PC Electron框架完成
前端·人工智能·算法·华为·electron·鸿蒙
love530love1 天前
LiveTalking 数字人项目 Windows 部署完全指南(EPGF 架构)
人工智能·windows·python·架构·livetalking·epgf
遇事不決洛必達1 天前
【Python基础】GIL 锁是什么及其对爬虫的影响
爬虫·python·线程·进程·gil锁
CryptoPP1 天前
快速对接东京证券交易所API数据:实战指南与代码示例
开发语言·人工智能·windows·python·信息可视化·区块链
ZC跨境爬虫1 天前
跟着 MDN 学JavaScript day_7:数学运算与逻辑判断实战测试
开发语言·前端·javascript·学习·ecmascript
fangdengfu1231 天前
ES分析系统各个服务日志占用量
java·前端·elasticsearch
探物 AI1 天前
把 MambaOut 塞进 YOLOv11:会有什么样的反应
python·yolo·计算机视觉
如竟没有火炬1 天前
最大矩阵——单调栈
数据结构·python·线性代数·算法·leetcode·矩阵
阳区欠1 天前
【LangChain】LLM基础介绍
开发语言·python·langchain
Cosolar1 天前
保姆级 CrewAI 教程:从零构建多智能体协作系统
人工智能·python·架构