Moment.js 是一个简单易用的轻量级JavaScript日期处理类库,提供了日期格式化、日期解析等功能。它支持在浏览器和NodeJS两种环境中运行。此类库能够 将给定的任意日期转换成多种不同的格式,具有强大的日期计算功能,同时也内置了能显示多样的日期形式的函数。另外,它也支持多种语言,你可以任意新增一种 新的语言包。

Flask-Moment是一个集成moment.js到Jinja2模板的Flask扩展。

一.初始化Flask-Moment

from flask.ext.moment import Moment
moment = Moment(app)

Flask-Moment依赖moment.js和jquery.js。需要直接包含在HTML文档

在base.html模版中的head标签中导入moment.js和jquery.js

<html><head>{{ moment.include_jquery() }}{{ moment.include_moment() }}<!--使用中文,默认是英语的-->{{ moment.lang("zh-CN") }} </head> <body> ... </body> </html>

如果使用了bootstrap,可以不用导入jquery.js,因为bootstrap中包含了jquery.js

二.使用Flask-moment

为了使用flask-moment需要传入一个时间变量渲染到模版中,如:

from flask import render_template
from datetime import date
@main.route('/')
def index ():return render_template('index.html', time = date(1994,8,29))

在模版中渲染,如:

<p>现在时间时: {{ moment().format('YYYY年M月D日, h:mm:ss a') }}.</p>
<p>已经过去了: {{ moment().fromTime(time) }}.</p>
<p>{{ moment().calendar() }}.</p>

结果

现在时间时: 2015年4月22日, 10:06:33 上午.已经过去了: 21年内.今天上午10点06.

在moment()中如果不传入python的时间变量,则默认将utc时间转换成本地时间作为显示,传入local=True参数可以关闭转换.

三.常用格式化参数

YYYY 2014 年份
YY 14 2个字符表示的年份
Q 1..4 季度
M MM 4..04 月份
MMM MMMM 4月..四月 根据moment.locale()中的设置显示月份
D DD 1..31 一月中的第几天
Do 1日..31日 一月中的第几天
DDD DDDD 1..365 一年中的第几天
X 1410715640.579 时间戳
x 1410715640579 时间戳

转载于:https://www.cnblogs.com/agmcs/p/4446589.html

Flask学习记录之Flask-Moment相关推荐

  1. 【Flask学习记录】

    学习目标 Flask框架的0基础学习过程记录.(是真的小白!没接触过web开发!) 遗留问题 为了以后方便补坑,将暂时理解不清楚的概念名词放到这里方便以后有时间补坑. HTML基础语法 因为没接触过w ...

  2. Flask学习记录之Flask-SQLAlchemy

    Flask-SQLAlchemy库让flask更方便的使用SQLALchemy,是一个强大的关系形数据库框架,既可以使用orm方式操作数据库,也可以使用原始的SQL命令. Flask-Migrate ...

  3. 【flask学习笔记】flask与HTTP,flask与mongodb交互,用手机输入局域网ip访问flask界面

    文章目录 引入(关于http) flask项目的配置 引入(关于http) 当我们在浏览器中的地址栏中输入这个URL,然后按下Enter时,稍等片刻,浏览器会显示一个问候页面.这背后有一个程序运行着. ...

  4. web课程设计-照片记录网站(Flask)【web项目】

    Record Pictures(web课程设计) 简介: Record Pictures是一个个人照片记录网站 该网站可以上传用户的照片并记录拍摄地点,拍摄设备等信息. 随着用户上传的照片不断增加,用 ...

  5. Flask框架学习记录

    Flask项目简要 项目大致结构 flaskDemo1 ├─static ├─templates └─app.py app.py # 从flask这个包中导入Flask类 from flask imp ...

  6. 后端框架flask学习小记

    1. 写在前面 最近在和几个伙伴尝试搭建一个新闻推荐系统, 算是一个推荐算法的实战项目, 里面涉及到了前后端交互, 该项目里面,使用了Flask作为后台框架, 为了理清楚整个系统的交互,所以就快速参考 ...

  7. Flask学习笔记总结(一)

    Flask学习笔记总结(一) 说明:开始在csdn上面记录一些关于自己学习技术的笔记总结. 文章目录 Flask学习笔记总结(一) 前言 一.python的web三大框架 二.flask入门 1.ws ...

  8. 千锋Flask学习笔记

    千锋Flask学习笔记 文章目录 千锋Flask学习笔记 写在前面 1. Flask介绍 2. Views 3. Request 4. Response 5. 会话技术 6. 模型和模板 7. 数据传 ...

  9. Flask学习之旅——1.3 URL与视图(二)

    Flask学习之旅--1.3 URL与视图(二) 前言 由于本小节内容较多,故分成几篇文章来记录. 本文为<知了传课--URL与视图>的学习笔记. 原文地址:第三节:URL与视图 - Py ...

最新文章

  1. 华为畅享8可以云闪付吗_华为畅享8、魅族16X、海信彩墨屏阅读手机A5C对比
  2. R语言数据可视化 ggplot2基础4 位置与坐标系
  3. express与mysql数据库_express无法连接到mysql数据库
  4. python的set结构
  5. pandas处理大数据的一些小技巧
  6. 基于并查集的kruskal算法
  7. MySQL存储树形数据优化技笔记
  8. apache2.4.39 php,win7 配置AMP环境(apache2.4.39 + php7.1.28)
  9. 《大学数学遐想》系列之函数与数列
  10. 百度编辑器回显js报错Uncaught SyntaxError: Invalid or unexpected token
  11. jpa oracle 传参int类型判空_SQL查询:Oracle、mysql、HQL查询语句差异
  12. c语言编写打字母游戏代码,求一个用C语言编写的小游戏代码
  13. 割点(tarjan算法)
  14. Axure制作音乐App原型图
  15. VMware安装MacOS系统苹果虚拟机
  16. ViewPager(一屏多页、无限滑动、自动切换)
  17. css鼠标放上按钮变色
  18. C语言程序设计实训第四章作业
  19. [程序员面试题精选100题]13.第一个只出现一次的字符
  20. 有哪些深度学习效果不如传统方法的经典案例?

热门文章

  1. Python爬取自如租房信息(价格)笔记——笨办法
  2. Lua语言之table表
  3. AVX application for Linux | Linux中使用AVX指令集编程踩坑
  4. OpenHarmony 官网文档有哪些上新?上篇:应用开发文档上新
  5. 为何汽车制造商需要关注HTML5
  6. 【京东电商网站主界面仿写——HTML第三部分】
  7. 精英txt文本整理工具箱V3.6版
  8. 计算机控制技术(机器人方向)开放实验说明(Cozmo智能机器人)
  9. java/php/net/python郎朗球鞋交易系统设计
  10. Day05 HiveDDL