博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Flask-Moment本地化日期和时间
阅读量:4937 次
发布时间:2019-06-11

本文共 898 字,大约阅读时间需要 2 分钟。

moment.js客户端开源代码库,可以在浏览器中渲染日期和时间。Flask-Moment是一个flask程序扩展,能把moment.js集成到Jinja2模板中。

 

1、安装

pip install flask-moment

 

2、初始化Flask-Moment

from flask_moment import Moment

moment = Moment(app)

除了moment.js,Flask-Moment还依赖jQuery.js。安装了flask-bootstrap(pip install flask-bootstrap),由于Bootstrap已经引入了jQuery.js,因此只需引入moment.js即可。

 

3、template/base.html:引入moment.js库

{% block scripts %}

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

 

4、hello.py:加入一个datetime变量

from datetime import datetime

@app.route('/')

def index():
  return render_template('index.html', current_time=datetime.utcnow())

 

5、templates/index.html: 使用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>

注:可查阅文档(http://momentjs.com/docs/#/displaying/)学习moment.js提供的全部格式化选项。

 

6、结果截图

 

转载于:https://www.cnblogs.com/guozw/p/6336685.html

你可能感兴趣的文章
Struts 框架 之 文件上传下载案例
查看>>
【重走Android之路】【路线篇(二)】知识点归纳
查看>>
graphviz入门
查看>>
tomcat 系统架构与设计模式 第二部分 设计模式 转
查看>>
scanf中的%[^\n]%*c格式
查看>>
启动Eclipse报Initializing Java Tooling错误解决方法
查看>>
用jquery来实现类似“网易新闻”横向标题滑动的移动端页面
查看>>
(原)基于物品的协同过滤ItemCF的mapreduce实现
查看>>
CSS可以和不可以继承的属性
查看>>
eclipse每次当我按ctrl+鼠标点击代码,自动关闭,产生原因及解决办法!!
查看>>
hbase
查看>>
用PHP将Unicode 转化为UTF-8
查看>>
HDOJ1002 A+B Problem II
查看>>
ADB server didn't ACK(adb不能开启
查看>>
Python基础(三)
查看>>
Continuous integration
查看>>
前端知识点总结
查看>>
github 在ubuntu 使用--常用命令
查看>>
hl7 V2中Message Control ID的含义及应用
查看>>
IOS 4个容易混淆的属性(textAligment contentVerticalAlignment contentHorizontalAlignment contentMode)...
查看>>