Can't use flask-moment to show the time on webpage
<p>I want to use the Flask-moment to show the time on the web page when I visit the index.html
I've used the bootstrap up, and used the moment.js,but it still doesn't work.
Please give some help , thanks !</p>

<p><strong>my main py</strong></p>

<pre><code>from flask.ext.bootstrap import Bootstrap
from flask.ext.moment import Moment
from flask import request
from datetime import datetime

app = Flask(__name__)
bootstrap=Bootstrap(app)
moment=Moment(app)

@app.route('/')
def index():
    return render_template('index.html',current_time=datetime.utcnow())
</code></pre>

<p><strong>This is my base.html which extends from the bootstrap</strong></p>

<pre><code>{% extends "bootstrap/base.html" %}
{%block head%}
{{super()}}
&lt;link rel='shortcut icon' href="{{url_for('static',filename='favicon.ico')}}" type='image/x-icon'&gt;
&lt;link rel='icon' href="{{url_for('static',filename='favicon.ico')}}" type="image/x-icon"&gt;
{% block scripts %}          #Here I use the bootstrap
{{ super() }}                 #But I dont' whether it works or not
{{ moment.include_moment() }}
{% endblock %}
{%endblock%}

{% block title %}Flasky{% endblock %}

{% block navbar %}
    &lt;div class="navbar navbar-inverse" role="navigation"&gt;
    &lt;div class="container"&gt;
    &lt;div class="navbar-header"&gt;
    &lt;button type="button" class="navbar-toggle"
        data-toggle="collapse" data-target=".navbar-collapse"&gt;
        &lt;span class="sr-only"&gt;Toggle navigation&lt;/span&gt;
        &lt;span class="icon-bar"&gt;&lt;/span&gt;
        &lt;span class="icon-bar"&gt;&lt;/span&gt;
        &lt;span class="icon-bar"&gt;&lt;/span&gt;
    &lt;/button&gt;
&lt;a class="navbar-brand" href="/"&gt;Flasky&lt;/a&gt;
    &lt;/div&gt;
&lt;div class="navbar-collapse collapse"&gt;
    &lt;ul class="nav navbar-nav"&gt;
    &lt;li&gt;&lt;a href="/"&gt;Home&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
{% endblock %}
{% block content %}
    &lt;div class="container"&gt;
{% block page_content %}{% endblock %}
    &lt;/div&gt;
{% endblock %}
</code></pre>

<p><strong>The last is the index.html</strong></p>

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

<p><a href="https://i.stack.imgur.com/udfde.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/udfde.jpg" alt="enter image description here"></a></p>