关于flask入门教程-关于日期控件DateTimePicker

DateTimePicker是基于JQuery的时间日期选择插件。只需要2行代码，即可轻松实现网页图形化日期时间选择器。

关于datetimepicker的使用，请参考https://www.datetimepicker.cn/example/，里面提供DateTimePicker的各类使用实例。

前端使用datetimepicker的代码

<link href="/static/css/bootstrap-datetimepicker.min.css" rel="stylesheet">
<script src="/static/js/bootstrap-datetimepicker.min.js"></script>
<script src="/static/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>

<input type="text" readonly class="birthday" id="birthday" runat="server" class="form-control" placeholder="选择日期" name="birthday" />
<script type="text/javascript">

$('.birthday').datetimepicker({
        forceParse: 0,//设置为0，时间不会跳转1899，会显示当前时间。
        language: 'zh-CN',//显示中文
        format: 'yyyy-mm-dd',//显示格式
        minView: "month",//设置只显示到月份
        initialDate: new Date(),//初始化当前日期
        autoclose: true,//选中自动关闭
        todayBtn: true//显示今日按钮
    });
$(".birthday").datetimepicker("setDate", new Date());
</script>

后端接收和处理时间代码

birthday = request.form.get('birthday', type=str, default=None)
print('birthday=',birthday)
birthday = datetime.strptime(birthday, '%Y-%m-%d').date()
print('birthday=',birthday)

需要注意的对于日期的处理上，一般前端的时间以字符串为主，后端接受的时候转换为datetime类型或date类型，其次还要看数据库中日期的存储类型是date还是datetime。需要确保后端处理日期格式与数据库日期格式对应上。