欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

使用laydate组件 创建年度,季度,月,日期,半年度的选择

程序员文章站 2022-06-28 19:07:56
实现效果图:业务需求:有一个年、季、月、日的选择;用户选择年时,日期只能选择年,选择季度时日期只能选择年季度,选择月时只能选择年月,选择日时能选择年月日。这样根据用户选择,动态更换日期插件的限制代码解释:这里的业务是取周期范围的,如果只需要一个日期,初始化这个插件时range 属性去掉就是一个的。在取日期值的时候一样也要考虑范围,起始时间与结束时间是年月季拼凑后面的日期是有区别的,起始时间拼选择年月的01号,结束日期为选择日期的最后一天,代码已经处理好了这一块,精确计算当前月最后一天为28,29...

实现效果图:
使用laydate组件 创建年度,季度,月,日期,半年度的选择
使用laydate组件 创建年度,季度,月,日期,半年度的选择
使用laydate组件 创建年度,季度,月,日期,半年度的选择
使用laydate组件 创建年度,季度,月,日期,半年度的选择
业务需求:有一个年、季、月、日的选择;用户选择年时,日期只能选择年,选择季度时日期只能选择年季度,选择月时只能选择年月,选择日时能选择年月日。这样根据用户选择,动态更换日期插件的限制

代码解释:这里的业务是取周期范围的,如果只需要一个日期,初始化这个插件时range 属性去掉就是一个的。在取日期值的时候一样也要考虑范围,起始时间与结束时间是年月季拼凑后面的日期是有区别的,起始时间拼选择年月的01号,结束日期为选择日期的最后一天,代码已经处理好了这一块,精确计算当前月最后一天为28,29,30,31,天,代码里都有详细体现。如果你只需要一个日期,那就直接拼最后一天就好了。不需要考虑起始日期结束日期这些东西了。最主要的是季度和半年度,laydate并没有提供这些,这些东西需要我们自己实现。

本文地址:https://blog.csdn.net/weixin_43865196/article/details/109240266

相关标签: js 前端