layUI laydate 时间选择器近一天、近一月、近三月、近一年

参考其他博主代码的情况下进行改编

写入时间组件

<input type="text" class="layui-input" id="dateInfo">

引入js

<script type="text/javascript" th:src="@{/static/layui/layui.all.js}"></script>

对js进行修改

原代码

tools:{
   confirm:"确定",clear:"清空",now:"现在"}}

修改后的代码

tools:{
   confirm:"确定",clear:"清空",now:"现在",nows:"近一天",month:"近一个月",threeMonth:"近三个月",year:"近一年"}}

js代码

layui.use(['laydate'], function() {
   
    var laydate = layui.laydate; 
    
laydate.render({
   
        elem: '#dateInfo', //指定元素
        range: '-',
         max: 0,
        btns: ['nows','month','threeMonth','year','clear','confirm'],
        ready:function(date){
   
            var d = new Date();		//重置信息，如果不进行重置，选择近一月可以一直点击，目前点击后直接进行关闭，符合目前的业务需求
            date.year = d.getFullYear();
            date.month = (d.getMonth() + 1);
            date.date = d.getDate();
            var  _thisid=this.elem;
            $(".laydate-btns-nows").on('click', function() {
   	//按钮触发事件
                if(date.month < 10){
   	//时间格式yyyy-MM-dd 所以需要判断月日是单位还是双位，如果是yyyy-M-d就不需要判断，下面代码同功能
                    if(date.date < 10){
   
                        var end=date.year+'-0'+date