html DatePicker JS示例Flask

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html DatePicker JS示例Flask相关的知识，希望对你有一定的参考价值。

from flask import Flask, render_template
from flask_wtf import Form
from wtforms import DateField
from datetime import date

app = Flask(__name__)
app.secret_key = 'SHH!'


class DateForm(Form):
    dt = DateField('Pick a Date', format="%m/%d/%Y")


@app.route('/', methods=['post','get'])
def home():
    form = DateForm()
    if form.validate_on_submit():
        return form.dt.data.strftime('%x')
    return render_template('vort.html', form=form)

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

<!doctype html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>DatePicker Example</title>
	<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
	<script src="//code.jquery.com/jquery-1.10.2.js"></script>
	<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
	<script>
	$(function() {
		$( ".dtpick" ).datepicker();
	});
	</script>
</head>
<body>


<form method="post" action="">
    {{ form.hidden_tag() }}
    {{ form.dt(class="dtpick") }}
    <button type="submit">Go</button>
</form>


</body>
</html>

以上是关于html DatePicker JS示例Flask的主要内容，如果未能解决你的问题，请参考以下文章

html #jQuery，＃JS：点击输入和图像后打开Datepicker

html 创建Bootstrap datepicker并使用Moment将时间格式从C＃转换为JS可读

js 日期插件 datepicker

My97DatePicker日历插件

Wtforms.fields.html5 DateField 在 Flask 中不能作为普通的旧 DateField 工作

flask——简单博客示例教程