2017-09-15 102 views
1

我使用materialize css中的datepicker並將它鏈接到flask-wtforms。實現datepicker和Flask-WTForms

它工作得非常,但我不能讓我的輸入綠色驗證狀態,當我選擇一個日期,它總是增加了一個無效類,如圖所示,我似乎無法理解爲什麼:

validation problem

我使用的代碼如下:

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,但似乎也沒有工作。

有誰知道我在做什麼錯?

回答

0

您不需要爲datepicker驗證類。

更改爲

<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"> 
+0

我還需要校驗類,以便選擇日期後場會以綠色下劃線。 –