当前位置: 首页 > news >正文

Flask 入门7:使用 Flask-Moment 本地化日期和时间

如果Web应用的用户来自世界各地,那么处理日期和时间可不是一个简单的任务。服务器需要统一时间单位,这和用户所在的地理位置无关,所以一般使用协调世界时(UTC)。不过用户看到 UTC 格式的时间会感到困惑,他们更希望看到当地时间,而且采用当地惯用的格式。
要想在服务器上只使用UTC时间,一个优雅的解决方案是,把时间单位发送给Web浏览器,转换成当地时间,然后用JavaScript渲染。Web浏览器可以更好地完成这一任务,因为它能获取用户计算机中的时区和区域设置。

初始化Flask-Moment:

from flask_moment import Moment 
moment = Moment(app)

引入 Moment.js 库:

{% block scripts %} 
{{ super() }} 
{{ moment.include_moment() }} 
{% endblock %}

添加一个datetime变量:

from datetime import datetime 
@app.route('/') 
def index(): return render_template('index.html', current_time=datetime.utcnow())

使用 Flask-Moment 渲染时间戳:

<p>The local date and time is {{ moment(current_time).format('LLL') }}.</p>
<p>That was {{ moment(current_time).fromNow(refresh=True) }}</p>

最终效果:
在这里插入图片描述

相关文章:

  • macOS的设置与常用软件(含IntelliJ IDEA 2023.3.2 Ultimate安装,SIP的关闭与开启)
  • 系统架构设计师-22年-上午答案
  • 《Git 简易速速上手小册》第1章:Git 基础(2024 最新版)
  • 微信小程序解决华为手机保存图片到相册失败
  • 5.electron之主进程起一个本地服务
  • 打卡今天学习的命令 (linux
  • Swift Combine 管道 从入门到精通三
  • Java实现批量视频抽帧2.0
  • java list集合相关介绍和方法使用操作
  • Quicker读取浏览器的书签(包括firefox火狐)
  • Camunda流程引擎数据库架构
  • Redis面试题43
  • vuecli3 执行 npm run build 打包命令报错:TypeError: file.split is not a function
  • EasyExcel分页上传数据
  • json、jsonlines格式化显示
  • 【108天】Java——《Head First Java》笔记(第1-4章)
  • Android交互
  • Javascript Math对象和Date对象常用方法详解
  • JavaScript新鲜事·第5期
  • MySQL QA
  • MYSQL 的 IF 函数
  • OSS Web直传 (文件图片)
  • PhantomJS 安装
  • Python实现BT种子转化为磁力链接【实战】
  • python学习笔记-类对象的信息
  • Spring-boot 启动时碰到的错误
  • underscore源码剖析之整体架构
  • vue从创建到完整的饿了么(11)组件的使用(svg图标及watch的简单使用)
  • Vultr 教程目录
  • 缓存与缓冲
  • 机器人定位导航技术 激光SLAM与视觉SLAM谁更胜一筹?
  • 前言-如何学习区块链
  • (Spark3.2.0)Spark SQL 初探: 使用大数据分析2000万KF数据
  • (附源码)springboot码头作业管理系统 毕业设计 341654
  • (附源码)计算机毕业设计ssm电影分享网站
  • (一) springboot详细介绍
  • (一)Dubbo快速入门、介绍、使用
  • (译)2019年前端性能优化清单 — 下篇
  • (转)Linq学习笔记
  • ***linux下安装xampp,XAMPP目录结构(阿里云安装xampp)
  • ***监测系统的构建(chkrootkit )
  • .locked1、locked勒索病毒解密方法|勒索病毒解决|勒索病毒恢复|数据库修复
  • .NET 4.0中使用内存映射文件实现进程通讯
  • .net core webapi 部署iis_一键部署VS插件:让.NET开发者更幸福
  • .NET core 自定义过滤器 Filter 实现webapi RestFul 统一接口数据返回格式
  • .Net语言中的StringBuilder:入门到精通
  • @Autowired自动装配
  • @Pointcut 使用
  • @RequestMapping-占位符映射
  • @SuppressWarnings(unchecked)代码的作用
  • [ MSF使用实例 ] 利用永恒之蓝(MS17-010)漏洞导致windows靶机蓝屏并获取靶机权限
  • [2013][note]通过石墨烯调谐用于开关、传感的动态可重构Fano超——
  • [android] 手机卫士黑名单功能(ListView优化)
  • [Angular] 笔记 8:list/detail 页面以及@Input
  • [BZOJ] 2044: 三维导弹拦截