26

我正在尝试渲染一个包含 DatePicker 的模板，但是当我尝试时出现 500 错误。对我来说，代码是正确的，但似乎有些事情失败了，或者我没有正确理解执行此操作的方法。

代码如下：

报告.py

from flask.ext.admin import BaseView, expose
from wtforms import DateField, Form
from wtforms.validators import Required
from flask.ext.admin.form import widgets
from flask import request

class DateRangeForm(Form):
    start_date = DateField('Start', validators=[Required()], format = '%d/%m/%Y', description = 'Time that the event will occur', widget=widgets.DatePickerWidget)

class ReportingView(BaseView):
    @expose('/')
    def index(self):
        form = DateRangeForm(request.form)
        return self.render('reporting.j2', form=form)

报告模板：

{% extends 'admin/master.html' %}
{% block body %}
    {{super()}}
    Working on it!

    {% if form %}
        {{form.start_date}}
    {% endif %}
{% endblock %}
4

1 回答 1

59

正如 davidism 在评论中所说，默认的 DateField 只提供日期解析，它只会显示为普通的文本输入。

如果您已准备好完全接受 html5，那么您可以使用 DateField wtforms.fields.html5，它将在任何支持它的浏览器中呈现日期选择器：

from flask import Flask, render_template
from flask_wtf import Form
from wtforms.fields.html5 import DateField
app = Flask(__name__)
app.secret_key = 'SHH!'


class ExampleForm(Form):
    dt = DateField('DatePicker', format='%Y-%m-%d')


@app.route('/', methods=['POST','GET'])
def hello_world():
    form = ExampleForm()
    if form.validate_on_submit():
        return form.dt.data.strftime('%Y-%m-%d')
    return render_template('example.html', form=form)


if __name__ == '__main__':
    app.run(debug=True)

更常用的方法是在网上找到一个不错的 datepicker，它使用 CSS 和 JS 来处理它的显示并将该代码包含到您的 html 模板中，并告诉它将 datepicker 样式应用于任何具有datepicker. 然后，当您生成表单时，您可以执行以下操作：

<!-- all your CSS and JS code, including the stuff -->
<!-- to handle the datepicker formatting -->

<form action="#" method="post">
    {{ form.dt(class='datepicker') }}
    {{ form.hidden_tag() }}
    <input type="submit"/>
</form>

默认情况下，您传递给呈现表单元素的任何属性（未保留用于其他用途）只会将其添加为属性，例如{{ form.dt(class='datepicker') }}将生成<input class="datepicker" id="dt" name="dt" type="text" value="">，因此您的 CSS/JS 可以执行它需要做的任何事情来提供为您的用户提供良好的界面。

于 2014-09-27T01:13:44.593 回答