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 %}
相关推荐
知远同学6 分钟前
关闭Chrome提示更新失败的弹窗
前端·chrome
兔子的洋葱圈35 分钟前
【django】3 (django路由) 路由配置和反向解析
后端·python·django
黑不拉几的小白兔1 小时前
第十五届蓝桥杯大赛软件赛省赛Python 大学 C 组题目试做(中)【本期题目:回文数组,挖矿】
c语言·python·蓝桥杯
qq_340474021 小时前
6.1 python加载win32或者C#的dll的方法
java·python·c#
Heidi__1 小时前
Vue 3 的响应式原理
前端·javascript·vue.js
LinXunFeng1 小时前
Flutter - Xcode16 还原编译速度
前端·flutter·xcode
夏之小星星1 小时前
element-ui自制树形穿梭框
前端·javascript·ui·elementui·vue
强了一点1 小时前
U-Net网络+代码实操【保姆级教程理解一文全搞懂】
python
zhangivon2 小时前
如何设计灵活可扩展的前端日志解决方案:提升应用稳定性与可观测性
前端
小小鸭程序员2 小时前
Spring Boot整合MyBatis-Plus实现CRUD操作教程
java·spring boot·python·mysql·spring