码迷,mamicode.com
首页 > 其他好文 > 详细

Flask-Moment本地化日期和时间

时间:2017-01-21 11:47:48      阅读:313      评论:0      收藏:0      [点我收藏+]

标签:out   img   alt   clu   bootstrap   from   开源代码   strong   images   

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、结果截图

技术分享

 

Flask-Moment本地化日期和时间

标签:out   img   alt   clu   bootstrap   from   开源代码   strong   images   

原文地址:http://www.cnblogs.com/guozw/p/6336685.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!