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。需要确保后端处理日期格式与数据库日期格式对应上。
本文分享自 python与大数据分析 微信公众号,前往查看
如有侵权,请联系 cloudcommunity@tencent.com 删除。
本文参与 腾讯云自媒体同步曝光计划 ,欢迎热爱写作的你一起参与!