物化日期选择器和 Flask-WTForms答案

【问题标题】：Materialize datepicker and Flask-WTForms物化日期选择器和 Flask-WTForms
【发布时间】：2017-09-15 09:58:56
【问题描述】：

我正在使用 materialize css 中的 datepicker 并将其链接到 flask-wtforms。

效果惊人，但是当我选择日期时，我的输入无法获得绿色验证状态，它总是添加一个无效的类，如图所示，我似乎无法理解为什么：

我使用的代码如下：

form.py

from flask_wtf import Form, FlaskForm
from wtforms import validators, DateField
# from wtforms.fields.html5 import DateField

class ApplicationForm(FlaskForm):
    date_of_birth = DateField('Date of Birth', [validators.Required()], format='%d/%m/%Y')

我正在使用一个宏来渲染 html：

<div class="input-field col s6">
  <input class="validate datepicker" id="date_of_birth" name="date_of_birth" type="text" value="">
  <label for="date_of_birth">Date of Birth</label>
</div>

当我提交表单时，它通过了验证。我也尝试过 html5 DateField，但这似乎也不起作用。

有谁知道我做错了什么？

【问题讨论】：

标签： flask datepicker materialize flask-wtforms

【解决方案1】：

你不需要 datepicker 的 validate 类。

改成

<input class="validate datepicker" id="date_of_birth" name="date_of_birth" type="text" value="">

到

<input class="datepicker" id="date_of_birth" name="date_of_birth" type="text">

【讨论】：

我仍然需要验证类，以便在选择日期后该字段将带有绿色下划线。