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 %}
相关推荐
PILIPALAPENG19 小时前
第2周 Day 4:英语 Agent Web 版上线:从命令行到浏览器
前端·人工智能·python
月弦笙音19 小时前
【monorepo架构】前端 pnpm workspace详解
前端
小嘿前端仔19 小时前
React 19 正式发布:这一次,表单和服务器组件终于"原生"了
前端
用户83562907805119 小时前
Python 操作 Word 文档节与页面设置
后端·python
西西弗Sisyphus19 小时前
Python 闭包的经典坑
python·闭包
西西弗Sisyphus19 小时前
Python 在dataclasses 里,field() 能给可变、不可变数据分别设置安全的默认值
python·field·dataclasses
英俊潇洒美少年20 小时前
前端组件化开发最佳实践 + 高频面试题(Vue & React)
前端·vue.js·react.js
西西弗Sisyphus20 小时前
Python @dataclass 有 `__post_init__` 和 无 `__post_init__` 的对比
python·dataclass·__post_init__
独隅20 小时前
PyCharm 开启硬换行的方法
ide·python·pycharm
凌览20 小时前
别再手搓 Skill 了,用这个工具 5 分钟搞定
前端·后端