odoo——日期选择器

最新推荐文章于 2024-08-14 11:23:33 发布

wx5589

最新推荐文章于 2024-08-14 11:23:33 发布

阅读量524

点赞数

分类专栏：笔记文章标签： odoo 日期选择器

本文链接：https://blog.csdn.net/wx5589/article/details/81532527

版权

本文介绍了在Odoo项目中如何使用内置的datetimepicker日期选择器，避免了引入外部插件如layDate等的问题。讲述了默认显示7天数据，以及获取和处理用户选择日期范围的方法，同时展示了处理后台返回JSON数据的示例代码。

摘要由CSDN通过智能技术生成

项目用到的框架是odoo，通过Echarts图表将后台数据显示在前端页面上，现在图表默认显示7天的数据，右上方有一个日期选择器，用户通过选择开始、结束日期来查看当前时间段内的数据。
在做这个选择器的时候，百度了一些jquery插件，包括layDate、layui、bootstrap-datetimepicker.js、moment.js，因为对这个框架不是很熟，在做的时候会遇到很多问题，比如明明引入了layDate，却一直报错提示没有找到之类的…后来，经过我不懈努力，问了我师傅（~~）发现odoo本身就有datetimepicker，不用自己引入啊哈哈哈，?。
另外，在做时间选择器时还有几点需要注意：
1，说一下我的思路吧
默认显示最近7天的数据（获取当前时间及之前7天的时间，传递给后台，拿到后台的json字符串，显示）
——>点击日期选择器，选择想要查看的时间段内的数据（获取用户输入的开始及结束时间，传给后台，后台返回数据）
2，var myDate = new Date();//获取系统当前时间

var timestamp = new Date().getTime();//获取当前时间戳

myDate.getYear(); //获取当前年份(2位)
myDate.getFullYear(); //获取完整的年份(4位,1970-???)
myDate.getMonth(); //获取当前月份(0-11,0代表1月)
myDate.getDate(); //获取当前日(1-31)
myDate.getDay(); //获取当前星期X(0-6,0代表星期天)
myD