From bb7cff81bd004af550e05575ba58c15413ce3af4 Mon Sep 17 00:00:00 2001 From: hdm Date: Mon, 22 May 2023 11:33:27 +0800 Subject: [PATCH] =?UTF-8?q?=E5=8D=87=E7=BA=A7=E4=BA=86laydatePlus=E7=BB=84?= =?UTF-8?q?=E4=BB=B6=EF=BC=8C=E5=9F=BA=E4=BA=8Elayui=E7=9A=84laydate?= =?UTF-8?q?=E7=BB=84=E4=BB=B6=E6=89=A9=E5=B1=95=EF=BC=8C=E9=80=89=E5=8F=96?= =?UTF-8?q?=E6=97=A5=E6=9C=9F=E6=97=B6=E9=97=B4=E6=9B=B4=E5=BF=AB=E6=8D=B7?= =?UTF-8?q?=E6=96=B9=E4=BE=BF=E3=80=82?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../static/assets/gougu/module/laydatePlus.js | 410 +++++++----------- 1 file changed, 152 insertions(+), 258 deletions(-) diff --git a/public/static/assets/gougu/module/laydatePlus.js b/public/static/assets/gougu/module/laydatePlus.js index a6299da..4752f41 100644 --- a/public/static/assets/gougu/module/laydatePlus.js +++ b/public/static/assets/gougu/module/laydatePlus.js @@ -1,37 +1,6 @@ layui.define(['layer'],function(exports){ //提示：模块也可以依赖其它模块，如：layui.define('layer', callback); - let layer = layui.layer,laydate = layui.laydate, form = layui.form, dropdown = layui.dropdown; - //输出时间样式为 yyyy-mm-dd hh:mm:ss,不满 2 位则前面添 0； - function add0(m) { - return m < 10 ? '0' + m : m - }; - //获取某月天数 - function getMonthDays(year, month) { - var new_year = year,nextMonth = month++; - if (month > 12) { - nextMonth -= 12; //月份减 - new_year++; //年份增 - } - var nextMonthFirstDay = new Date(new_year, nextMonth, 1); - //下个月第一天 - var oneDay = 1000 * 60 * 60 * 24; - var dateString = new Date(nextMonthFirstDay - oneDay); - var dateTime = dateString.getDate(); - return dateTime; - }; - - function getPriorMonthFirstDay(year, month) { - //年份为0代表,是本年的第一月,所以不能减 - if (month == 0) { - month = 11; //月份为上年的最后月份 - year--; //年份减1 - return new Date(year, month, 1); - } - //否则,只减去月份 - month--; - return new Date(year, month, 1); - }; - + let laydate = layui.laydate; const opts={ "target":'laydateplus', "callback": null @@ -46,234 +15,159 @@ layui.define(['layer'],function(exports){ laydatePlus.prototype = { init: function () { var me = this; - var data = [ - {'id':1,'title':'今天'}, - {'id':2,'title':'昨天'}, - {'id':3,'title':'最近7天'}, - {'id':4,'title':'最近30天'}, - {'id':5,'title':'本周'}, - {'id':6,'title':'上周'}, - {'id':7,'title':'本月'}, - {'id':8,'title':'上月'}, - {'id':100,'title':'自定义'}, - ]; - dropdown.render({ + + let shortcuts = [ + { + text: "昨天", + value: function(){ + var value = []; + var date1 = new Date(); + date1.setDate(date1.getDate() - 1); + date1.setHours(0, 0, 0, 0); + value.push(date1); + var date2 = new Date(); + date2.setDate(date2.getDate() - 1); + date2.setHours(23, 59, 59, 999); + value.push(new Date(date2)); + return value; + }() + }, + { + text: "今天", + value: function(){ + var value = []; + var date1 = new Date(); + date1.setDate(date1.getDate()); + date1.setHours(0, 0, 0, 0); + value.push(date1); + var date2 = new Date(); + date2.setDate(date2.getDate()); + date2.setHours(23, 59, 59, 999); + value.push(new Date(date2)); + return value; + }() + }, + { + text: "最近7天", + value: function(){ + var value = []; + var date1 = new Date(); + date1.setDate(date1.getDate() - 7); + date1.setHours(0, 0, 0, 0); + value.push(date1); + var date2 = new Date(); + date2.setDate(date2.getDate() - 7); + date2.setHours(23, 59, 59, 999); + value.push(new Date(date2)); + return value; + }() + }, + { + text: "最近30天", + value: function(){ + var value = []; + var date1 = new Date(); + date1.setDate(date1.getDate() - 30); + date1.setHours(0, 0, 0, 0); + value.push(date1); + var date2 = new Date(); + date2.setDate(date2.getDate() - 30); + date2.setHours(23, 59, 59, 999); + value.push(new Date(date2)); + return value; + }() + }, + { + text: "本周", + value: function(){ + var value = []; + var today = new Date(); + var date1 = new Date(today.setDate(today.getDate() - today.getDay() + (today.getDay() === 0 ? -6 : 1))); + date1.setHours(0, 0, 0, 0); + value.push(date1); + var date2 = new Date(today.setDate(today.getDate() + 6)); + date2.setHours(23, 59, 59, 999); + value.push(new Date(date2)); + return value; + }() + }, + { + text: "上周", + value: function(){ + var value = []; + var today = new Date(); + var lastWeek = new Date(today.getFullYear(), today.getMonth(), today.getDate() - 7); + var date1 = new Date(lastWeek.getFullYear(), lastWeek.getMonth(), lastWeek.getDate() - lastWeek.getDay() + 1); + date1.setHours(0, 0, 0, 0); + value.push(date1); + var date2 = new Date(lastWeek.getFullYear(), lastWeek.getMonth(), lastWeek.getDate() - lastWeek.getDay() + 7); + date2.setHours(23, 59, 59, 999); + value.push(new Date(date2)); + return value; + }() + }, + { + text: "上个月", + value: function(){ + var value = []; + var date1 = new Date(); + date1.setMonth(date1.getMonth() - 1); + date1.setDate(1); + date1.setHours(0, 0, 0, 0); + value.push(date1); + var date2 = new Date(); + date2.setDate(1); + date2.setHours(0, 0, 0, 0); + date2 = date2.getTime() - 1; + value.push(new Date(date2)); + return value; + }() + }, + { + text: "这个月", + value: function(){ + var value = []; + var date1 = new Date(); + date1.setDate(1); + date1.setHours(0, 0, 0, 0); + value.push(date1); + var date2 = new Date(); + date2.setMonth(date2.getMonth() + 1); + date2.setDate(1); + date2.setHours(0, 0, 0, 0); + date2 = date2.getTime() - 1; + value.push(new Date(date2)); + return value; + }() + }, + { + text: "下个月", + value: function(){ + var value = []; + var date1 = new Date(); + date1.setMonth(date1.getMonth() + 1); + date1.setDate(1); + date1.setHours(0, 0, 0, 0); + value.push(date1); + var date2 = new Date(); + date2.setMonth(date2.getMonth() + 2); + date2.setDate(1); + date2.setHours(0, 0, 0, 0); + date2 = date2.getTime() - 1; + value.push(new Date(date2)); + return value; + }() + } + ]; + // 日期时间范围 + laydate.render({ elem: '#'+this.settings.target, - show: true, - data: data, - click: function (data, othis) { - me.select(data.id); - } + type: 'datetime', + range: '~', + trigger: 'none', + shortcuts: shortcuts, + show:true }); - }, - select:function(select_type){ - let me = this; - let res=[]; - //快速选择触发事件 - switch (select_type) { - default: - laydate.render({ - elem: '#'+this.settings.target, - type: 'datetime', - range: '~', - trigger: 'none', - show:true - }); - case 1: - res = me.getTodayDate(); - break; - case 2: - res = me.getYesterdayDate(); - break; - case 3: - res = me.getLastSevenDate(); - break; - case 4: - res = me.getLastThirtyDate(); - break; - case 5: - res = me.getCurrentWeek(); - break; - case 6: - res = me.getLastWeek(); - break; - case 7: - res = me.getCurrentMonth(); - break; - case 8: - res = me.getLastMonth(); - break; - } - if(res.length>0){ - $('#'+this.settings.target).val(res.join(' ~ ')); - } - }, - //获取当天开始时间结束时间 - getTodayDate: function () { - var today = []; - var todayDate = new Date(); - var y = todayDate.getFullYear(); - var m = todayDate.getMonth() + 1; - var d = todayDate.getDate(); - var s = y + '-' + add0(m) + '-' + add0(d) + ' 00:00:00';//今日开始 - var e = y + '-' + add0(m) + '-' + add0(d) + ' 23:59:59';//今日结束 - return {'start':s,'end':e}; - }, - //获取昨天时间 - getYesterdayDate: function () { - var dateTime = []; - var today = new Date(); - var yesterday = new Date(today.setTime(today.getTime() - 24 * 60 * 60 * 1000)); - var y = yesterday.getFullYear(); - var m = yesterday.getMonth() + 1; - var d = yesterday.getDate(); - var s = y + '-' + add0(m) + '-' + add0(d) + ' 00:00:00';//开始 - var e = y + '-' + add0(m) + '-' + add0(d) + ' 23:59:59';//结束 - return [s,e]; - }, - //获取最近7天时间 - getLastSevenDate: function () { - var dateTime = []; - var today = new Date(); - var sevenFirstDay = new Date(today.setTime(today.getTime() - 7 * 24 * 60 * 60 * 1000)); - var y = sevenFirstDay.getFullYear(); - var m = sevenFirstDay.getMonth() + 1; - var d = sevenFirstDay.getDate(); - var s = y + '-' + add0(m) + '-' + add0(d) + ' 00:00:00';//开始 - var e = this.getTodayDate();//结束 - return [s,e.end]; - }, - //获取最近30天时间 - getLastThirtyDate: function () { - var dateTime = []; - var today = new Date(); - var thirtyFirstDay = new Date(today.setTime(today.getTime() - 30 * 24 * 60 * 60 * 1000)); - var y = thirtyFirstDay.getFullYear(); - var m = thirtyFirstDay.getMonth() + 1; - var d = thirtyFirstDay.getDate(); - var s = y + '-' + add0(m) + '-' + add0(d) + ' 00:00:00';//开始 - var e = this.getTodayDate();//结束 - return [s,e.end]; - }, - //获取本周开始时间结束时间 - getCurrentWeek: function () { - var startStop = new Array(); - //获取当前时间 - var currentDate = new Date(); - //返回date是一周中的某一天 - var week = currentDate.getDay(); - //返回date是一个月中的某一天 - var month = currentDate.getDate(); - //一天的毫秒数 - var millisecond = 1000 * 60 * 60 * 24; - //减去的天数 - var minusDay = week != 0 ? week - 1 : 6; - //alert(minusDay); - //本周 周一 - var monday = new Date(currentDate.getTime() - (minusDay * millisecond)); - //本周 周日 - var sunday = new Date(monday.getTime() + (6 * millisecond)); - var sy = monday.getFullYear(); - var sm = monday.getMonth() + 1; - var sd = monday.getDate(); - var ey = sunday.getFullYear(); - var em = sunday.getMonth() + 1; - var ed = sunday.getDate(); - var s = sy + '-' + add0(sm) + '-' + add0(sd) + ' 00:00:00';//开始 - var e = ey + '-' + add0(em) + '-' + add0(ed) + ' 23:59:59';//结束 - return [s,e]; - }, - //获取上周时间 - getLastWeek: function () { - //起止日期数组 - var startStop = new Array(); - //获取当前时间 - var currentDate = new Date(); - //返回date是一周中的某一天 - var week = currentDate.getDay(); - //返回date是一个月中的某一天 - var month = currentDate.getDate(); - //一天的毫秒数 - var millisecond = 1000 * 60 * 60 * 24; - //减去的天数 - var minusDay = week != 0 ? week - 1 : 6; - //获得当前周的第一天 - var currentWeekDayOne = new Date(currentDate.getTime() - (millisecond * minusDay)); - //上周最后一天即本周开始的前一天 - var priorWeekLastDay = new Date(currentWeekDayOne.getTime() - millisecond); - //上周的第一天 - var priorWeekFirstDay = new Date(priorWeekLastDay.getTime() - (millisecond * 6)); - var sy = priorWeekFirstDay.getFullYear(); - var sm = priorWeekFirstDay.getMonth() + 1; - var sd = priorWeekFirstDay.getDate(); - var ey = priorWeekLastDay.getFullYear(); - var em = priorWeekLastDay.getMonth() + 1; - var ed = priorWeekLastDay.getDate(); - var s = sy + '-' + add0(sm) + '-' + add0(sd) + ' 00:00:00';//开始 - var e = ey + '-' + add0(em) + '-' + add0(ed) + ' 23:59:59';//结束 - return [s,e]; - }, - //获取本月时间 - getCurrentMonth: function () { - //起止日期数组 - var startStop = new Array(); - //获取当前时间 - var currentDate = new Date(); - //获得当前月份0-11 - var currentMonth = currentDate.getMonth(); - //获得当前年份4位年 - var currentYear = currentDate.getFullYear(); - //求出本月第一天 - var firstDay = new Date(currentYear, currentMonth, 1); - - //当为12月的时候年份需要加1 - //月份需要更新为0 也就是下一年的第一个月 - if (currentMonth == 11) { - currentYear++; - currentMonth = 0; //就为 - } else { - //否则只是月份增加,以便求的下一月的第一天 - currentMonth++; - } - //一天的毫秒数 - var millisecond = 1000 * 60 * 60 * 24; - //下月的第一天 - var nextMonthDayOne = new Date(currentYear, currentMonth, 1); - //求出上月的最后一天 - var lastDay = new Date(nextMonthDayOne.getTime() - millisecond); - var sy = firstDay.getFullYear(); - var sm = firstDay.getMonth() + 1; - var sd = firstDay.getDate(); - var ey = lastDay.getFullYear(); - var em = lastDay.getMonth() + 1; - var ed = lastDay.getDate(); - var s = sy + '-' + add0(sm) + '-' + add0(sd) + ' 00:00:00';//开始 - var e = ey + '-' + add0(em) + '-' + add0(ed) + ' 23:59:59';//结束 - return [s,e]; - }, - //获取上月时间 - getLastMonth: function () { - var startStop = new Array(); - //获取当前时间 - var currentDate = new Date(); - //获得当前月份0-11 - var currentMonth = currentDate.getMonth(); - //获得当前年份4位年 - var currentYear = currentDate.getFullYear(); - //获得上一个月的第一天 - var priorMonthFirstDay = getPriorMonthFirstDay(currentYear, currentMonth); - //获得上一月的最后一天 - var priorMonthLastDay = new Date(priorMonthFirstDay.getFullYear(), priorMonthFirstDay.getMonth(), - getMonthDays(priorMonthFirstDay.getFullYear(), priorMonthFirstDay.getMonth())); - var sy = priorMonthFirstDay.getFullYear(); - var sm = priorMonthFirstDay.getMonth() + 1; - var sd = priorMonthFirstDay.getDate(); - var ey = priorMonthLastDay.getFullYear(); - var em = priorMonthLastDay.getMonth() + 1; - var ed = priorMonthLastDay.getDate(); - var s = sy + '-' + add0(sm) + '-' + add0(sd) + ' 00:00:00';//开始 - var e = ey + '-' + add0(em) + '-' + add0(ed) + ' 23:59:59';//结束 - return [s,e]; } } //输出接口