参考其他博主代码的情况下进行改编
写入时间组件
<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.month+'-0'+date.date;//当前日期}else{var end=date.year+'-0'+date.month+'-'+date.date;//当前日期}}else{if(date.date < 10){var end=date.year+'-'+date.month+'-0'+date.date;//当前日期}else{var end=date.year+'-'+date.month+'-'+date.date;//当前日期}}var da = end + ' - ' + end;//返回开始时间、结束时间_thisid.val(da);$("#layui-laydate1").remove();});$(".laydate-btns-month").on('click', function() {if(date.month < 10){if(date.date < 10){var end=date.year+'-0'+date.month+'-0'+date.date;//当前日期}else{var end=date.year+'-0'+date.month+'-'+date.date;//当前日期}}else{if(date.date < 10){var end=date.year+'-'+date.month+'-0'+date.date;//当前日期}else{var end=date.year+'-'+date.month+'-'+date.date;//当前日期}}var state = getDay(date, 1);//计算开始时间var da = state+' - '+ end;_thisid.val(da);$("#layui-laydate1").remove();});$(".laydate-btns-threeMonth").on('click', function() {if(date.month < 10){if(date.date < 10){var end=date.year+'-0'+date.month+'-0'+date.date;//当前日期}else{var end=date.year+'-0'+date.month+'-'+date.date;//当前日期}}else{if(date.date < 10){var end=date.year+'-'+date.month+'-0'+date.date;//当前日期}else{var end=date.year+'-'+date.month+'-'+date.date;//当前日期}}var state = getDay(date, 3);var da = state+' - '+ end;_thisid.val(da);$("#layui-laydate1").remove();});$(".laydate-btns-year").on('click', function() {if(date.month < 10){if(date.date < 10){var end=date.year+'-0'+date.month+'-0'+date.date;//当前日期}else{var end=date.year+'-0'+date.month+'-'+date.date;//当前日期}}else{if(date.date < 10){var end=date.year+'-'+date.month+'-0'+date.date;//当前日期}else{var end=date.year+'-'+date.month+'-'+date.date;//当前日期}}var state = getDay(date, 12);var da = state+' - '+ end;_thisid.val(da);$("#layui-laydate1").remove();});}});//data为传递的结束时间,number表示往前推几个月，3个月3，1年12function getDay(dats, number) {var data = new Array(); //定义数组var data = dats;var year = data.year, //获取年份month = data.month, //获取月份date = data.date; //获取日期if(number == 12){//推一年if(month < 10){if(date < 10){s = year - 1 + '-0' + month + '-0' + date;}else{s = year - 1 + '-0' + month + '-' + date;}}else{if(date < 10){s = year - 1 + '-' + month + '-0' + date;}else{s = year - 1 + '-' + month + '-' + date;}}}else{var month = month - number;if(month <= 0){//假如是2月份，推3个月，会出现跨年情况month = 12 + month;if(month < 10){if(date < 10){s = year - 1 + '-0' + month + '-0' + date;}else{s = year - 1 + '-0' + month + '-' + date;}}else{if(date < 10){s = year - 1 + '-' + month + '-0' + date;}else{s = year - 1 + '-' + month + '-' + date;}}}else if(month < 10){if(date < 10){s = year + '-0' + month + '-0' + date;}else{s = year + '-0' + month + '-' + date;}}else{if(date < 10){s = year + '-' + month + '-0' + date;}else{s = year + '-' + month + '-' + date;}}}return s;}
