c_table 系统管理员 2023-11-20 06:21 84阅读 0赞 /\*\* \* Created by chengcaixia on 2017/7/27. \*/ ;(function(d)\{ var cache = \{\}; d.publish = function(/\* String \*/topic, /\* Array? \*/args)\{ try\{ d.each(cache\[topic\], function()\{ console.log(cache\[topic\]); this.apply(d, args || \[\]); \}); \} catch (err) \{ // handle this error console.log(err); \} \}; d.subscribe = function(/\* String \*/topic, /\* Function \*/callback)\{ if(!cache\[topic\])\{ cache\[topic\] = \[\]; \} cache\[topic\].push(callback); //return \[topic, callback\]; // Array \}; d.unsubscribe = function(/\* Array \*/handle)\{ var t = handle\[0\]; cache\[t\] && d.each(cache\[t\], function(idx)\{ if(this == handle\[1\])\{ cache\[t\].splice(idx, 1); \} \}); \}; \})(jQuery); $(function()\{ /\*? ?\*/ $(".tab-menu").children("li").click(function()\{ var num=$(this).index(); $(".tab-con").children("li").eq(num).show().siblings().hide(); \}); /\*table第二个的全选功能 应该用不上\*/ $('.c-selected').on("click", function()\{ if ($(this).find("img").attr("src") == "dist/img/selected.png") \{ $(this).find("img").attr("src", "dist/img/selected-on.png"); \}else\{ $(this).find("img").attr("src", "dist/img/selected.png"); \} \}); /\*? ?\*/ $(".detailed-nav li").on("click",function()\{ var index = $(this).index(); if ($(this).hasClass("li-on")) \{ $(this).addClass("li-on").siblings().removeClass("li-on"); \} else \{ $(this).addClass("li-on").siblings().removeClass("li-on"); \} $(".c-content>div").eq(index).css("display", "block").siblings().css("display", "none"); \}); \}); /\*时间 start\*/ var namedate=\{ //开始日期和结束日期 //opens:,/\* (string: 'left'/'right') 显示在元素左边还是右边\*/ //startDate:false,/\*起始时间\*/ //endDate:false,/\*结束时间\*/ //minDate:'2017-10-10',/\*可选最早时间\*/ //maxDate:'2017-12-12',/\*可选最迟时间\*/ autoApply:true, timePicker:false,/\*是否显示time选择\*/ timePickerIncrement:1, singleDatePicker:false,/\*是否显示单个时间\*/ "locale": \{ format: 'YYYY/MM/DD', separator: ' - ', applyLabel: "应用", cancelLabel: "取消", resetLabel: "重置", \} \}; var namedateofset=\{ //开始日期和结束日期 每月的第一天 //opens:,/\* (string: 'left'/'right') 显示在元素左边还是右边\*/ startDate:new Date().getFullYear()+'-'+(new Date().getMonth()+1)+'-'+1,/\*起始时间\*/ //endDate:false,/\*结束时间\*/ //minDate:'2017-10-10',/\*可选最早时间\*/ //maxDate:'2017-12-12',/\*可选最迟时间\*/ autoApply:true, timePicker:false,/\*是否显示time选择\*/ timePickerIncrement:1, singleDatePicker:false,/\*是否显示单个时间\*/ "locale": \{ format: 'YYYY/MM/DD', separator: ' - ', applyLabel: "应用", cancelLabel: "取消", resetLabel: "重置", \} \}; var namedateonly=\{ //一个时间 //opens:,/\* (string: 'left'/'right') 显示在元素左边还是右边\*/ //startDate:false,/\*起始时间\*/ //endDate:false,/\*结束时间\*/ //minDate:'2017-10-10',/\*可选最早时间\*/ //maxDate:'2017-12-12',/\*可选最迟时间\*/ autoApply:true, timePicker:false,/\*是否显示time选择\*/ timePickerIncrement:1, singleDatePicker:true,/\*是否显示单个时间\*/ "locale": \{ format: 'YYYY/MM/DD', separator: ' - ', applyLabel: "应用", cancelLabel: "取消", resetLabel: "重置", \} \}; var namedateformat=\{ //一个时间 //opens:,/\* (string: 'left'/'right') 显示在元素左边还是右边\*/ //startDate:false,/\*起始时间\*/ //endDate:false,/\*结束时间\*/ //minDate:'2017-10-10',/\*可选最早时间\*/ //maxDate:'2017-12-12',/\*可选最迟时间\*/ autoApply:true, timePicker:false,/\*是否显示time选择\*/ timePickerIncrement:1, singleDatePicker:true,/\*是否显示单个时间\*/ "locale": \{ format: 'YYYY-MM-DD', separator: ' - ', applyLabel: "应用", cancelLabel: "取消", resetLabel: "重置", \} \}; var namedateyears=\{ //只有年月,没有日 startView: 3, //这里就设置了默认视图为年视图 minView: 3,//设置最小视图为年视图 language: "zh-CN", todayHighlight: true,//当天日期高亮 autoApply:true,//选完时间后 自动关闭 timePicker:false,/\*是否显示time选择\*/ timePickerIncrement:1, showDropdowns: true, singleDatePicker:true,/\*是否显示单个时间\*/ "locale": \{ format: 'YYYY/MM', separator: ' - ', applyLabel: "应用", cancelLabel: "取消", resetLabel: "重置", \} \}; var namedateyearsdouble=\{ //开始日期和结束日期 //opens:,/\* (string: 'left'/'right') 显示在元素左边还是右边\*/ //startDate:false,/\*起始时间\*/ //endDate:false,/\*结束时间\*/ //minDate:'2017-10-10',/\*可选最早时间\*/ //maxDate:'2017-12-12',/\*可选最迟时间\*/ autoApply:true, timePicker:false,/\*是否显示time选择\*/ timePickerIncrement:1, singleDatePicker:false,/\*是否显示单个时间\*/ "locale": \{ format: 'YYYY/MM', separator: ' - ', applyLabel: "应用", cancelLabel: "取消", resetLabel: "重置", \} \} var namedatethreedouble=\{ //双日期提前30天 //开始日期和结束日期 //opens:,/\* (string: 'left'/'right') 显示在元素左边还是右边\*/ startDate: moment().subtract(29, 'days').format('YYYY/MM/DD'),/\*起始时间\*/ //endDate:false,/\*结束时间\*/ //minDate:'2017-10-10',/\*可选最早时间\*/ //maxDate:'2017-12-12',/\*可选最迟时间\*/ autoApply:true, timePicker:false,/\*是否显示time选择\*/ timePickerIncrement:1, singleDatePicker:false,/\*是否显示单个时间\*/ "locale": \{ format: 'YYYY/MM/DD', separator: ' - ', applyLabel: "应用", cancelLabel: "取消", resetLabel: "重置", \} \} var namedatemotherdouble=\{ //上月月初 双日期 //开始日期和结束日期 //opens:,/\* (string: 'left'/'right') 显示在元素左边还是右边\*/ startDate: moment().subtract(1, 'month').format('YYYY/MM/01'),/\*起始时间\*/ //endDate:false,/\*结束时间\*/ //minDate:'2017-10-10',/\*可选最早时间\*/ //maxDate:'2017-12-12',/\*可选最迟时间\*/ autoApply:true, timePicker:false,/\*是否显示time选择\*/ timePickerIncrement:1, singleDatePicker:false,/\*是否显示单个时间\*/ "locale": \{ format: 'YYYY/MM/DD', separator: ' - ', applyLabel: "应用", cancelLabel: "取消", resetLabel: "重置", \} \} var dateMOuth = new Date( new Date(new Date().getFullYear()+'-'+ (new Date().getMonth()+1)+'-'+1).getTime()-86400000 ).getMonth()+1; //本月的1号的上一天;new Date(new Date(new Date().getFullYear()+'-'+(new Date().getMonth()+1)+'-'+1).getTime()-86400000); var nametodayzirmouth=\{ //上个自然月 //开始日期和结束日期 //opens:,/\* (string: 'left'/'right') 显示在元素左边还是右边\*/ startDate: moment().subtract(1, 'month').format('YYYY/MM/01'),/\*起始时间\*/ endDate:new Date( new Date(new Date().getFullYear()+'-'+(new Date().getMonth()+1)+'-'+1).getTime()-86400000 ).getFullYear()+'/'+dateMOuth+'/'+new Date( new Date(new Date().getFullYear()+'-'+(new Date().getMonth()+1)+'-'+1).getTime()-86400000 ).getDate(), autoApply:true, timePicker:false,/\*是否显示time选择\*/ timePickerIncrement:1, singleDatePicker:false,/\*是否显示单个时间\*/ "locale": \{ format: 'YYYY/MM/DD', separator: ' - ', applyLabel: "应用", cancelLabel: "取消", resetLabel: "重置", \} \} function Initializestdata()\{ $('input\[date-name="formatToday"\]').daterangepicker(namedateformat,function(start, end, label)\{/\*时间格式为-的格式,单个时间,默认显示 回调函数\*/ console.log(start.toISOString(),end.toISOString(), label); \}); $('input\[date-name="zirtoday"\]').daterangepicker(nametodayzirmouth,function(start, end, label)\{/\*回调函数\*/ console.log(start.toISOString(),end.toISOString(), label); \}); $('input\[date-name="datersymoteh"\]').daterangepicker(namedatemotherdouble,function(start, end, label)\{/\*回调函数\*/ console.log(start.toISOString(),end.toISOString(), label); \}); $('input\[date-name="daterthree"\]').daterangepicker(namedatethreedouble,function(start, end, label)\{/\*回调函数\*/ console.log(start.toISOString(),end.toISOString(), label); \}); $('input\[date-name="doubledate"\]').daterangepicker(namedate,function(start, end, label)\{/\*回调函数\*/ console.log(start.toISOString(),end.toISOString(), label); \}); $('input\[date-name="dateradio"\]').daterangepicker(namedateonly,function(start, end, label)\{/\*回调函数\*/ console.log(start.toISOString(),end.toISOString(), label); \}); $('input\[date-name="dateryeary"\]').daterangepicker(namedateyears,function(start, end, label)\{/\*回调函数\*/ console.log(start.toISOString(),end.toISOString(), label); \}); $('input\[date-name="dateryeardouble"\]').daterangepicker(namedateyearsdouble,function(start, end, label)\{/\*回调函数\*/ console.log(start.toISOString(),end.toISOString(), label); \}); $('.st\_menubig').on('focus','.dateradio',function()\{ $(this).daterangepicker(namedateonly,function(start, end, label)\{/\*回调函数\*/ console.log(start.toISOString(),end.toISOString(), label); \}); \}); $('.st\_menubig').on('focus','.doubledate',function()\{ $(this).daterangepicker(namedate,function(start, end, label)\{/\*回调函数\*/ console.log(start.toISOString(),end.toISOString(), label); \}); $(this).attr('opertime',new Date()); \}); $('input\[date-name="todaynone"\]').on('focus',function()\{ $(this).daterangepicker(namedateofset,function(start, end, label)\{/\*回调函数\*/ console.log(start.toISOString(),end.toISOString(), label); \}); \}); $('input\[date-name="focusdateonly"\]').on('focus',function()\{ $(this).daterangepicker(namedateonly,function(start, end, label)\{/\*回调函数\*/ console.log(start.toISOString(),end.toISOString(), label); \}); \}); $('input\[date-name="dateryeary"\]').on('focus',function()\{ $(this).daterangepicker(namedateyears,function(start, end, label)\{/\*回调函数\*/ console.log(start.toISOString(),end.toISOString(), label); \}); \}); $('input\[date-name="focusdate"\]').on('focus',function()\{ $(this).daterangepicker(namedate,function(start, end, label)\{/\*回调函数\*/ console.log(start.toISOString(),end.toISOString(), label); \}); \}); $('input\[date-name="beginningof"\]').daterangepicker(namedateofset,function(start, end, label)\{/\*回调函数\*/ console.log(start.toISOString(),end.toISOString(), label); \}); $('.add-on').on('click',function()\{ $(this).siblings('input').val(''); \}); $('input\[date-name="doubledate"\],input\[date-name="dateradio"\]').on('apply.daterangepicker',function(ev, picker) \{ console.log(picker.startDate.format('YYYY-MM-DD/hh:mm:ss')); console.log(picker.endDate.format('YYYY-MM-DD hh:mm:ss')); \}); \} function datatablefind()\{ $('.st\_tablebcg').find('input\[date-name="todaynone"\]').on('focus',function()\{ $(this).daterangepicker(namedateofset,function(start, end, label)\{/\*回调函数\*/ console.log(start.toISOString(),end.toISOString(), label); \}); \}); $('.st\_tablebcg').find('input\[date-name="focusdateonly"\]').on('focus',function()\{ $(this).daterangepicker(namedateonly,function(start, end, label)\{/\*回调函数\*/ console.log(start.toISOString(),end.toISOString(), label); \}); \}); $('.st\_tablebcg').find('input\[date-name="dateryeary"\]').on('focus',function()\{ $(this).daterangepicker(namedateyears,function(start, end, label)\{/\*回调函数\*/ console.log(start.toISOString(),end.toISOString(), label); \}); \}); $('.st\_tablebcg').find('input\[date-name="focusdate"\]').on('focus',function()\{ $(this).daterangepicker(namedate,function(start, end, label)\{/\*回调函数\*/ console.log(start.toISOString(),end.toISOString(), label); \}); \}); $('.st\_tablebcg').find('input\[date-name="doubledate"\],input\[date-name="dateradio"\]').on('apply.daterangepicker',function(ev, picker) \{ console.log(picker.startDate.format('YYYY-MM-DD/hh:mm:ss')); console.log(picker.endDate.format('YYYY-MM-DD hh:mm:ss')); \}); \} /\*时间 end\*/ /\*新版时间 start\*/ function InitializestdataNew()\{ var todayDateYear = new Date().getFullYear();//年 var todayDateMonth = '';//月 if(new Date().getMonth()+1<10)\{ todayDateMonth = '0'+(new Date().getMonth()+1); \}else\{ todayDateMonth = new Date().getMonth()+1; \}; var todayDateDate = '';//日 if(new Date().getDate()<10)\{ todayDateDate = '0'+new Date().getDate(); \}else\{ todayDateDate = new Date().getDate(); \}; $('.st\_defaultAre').val(todayDateYear+'/'+todayDateMonth+'/'+todayDateDate);//正常年月日 $('.st\_defaultAre').attr('msts',function()\{ //正常年月日毫秒 return new Date($(this).val()).getTime(); \}); $('.st\_defaultArefirst').val(todayDateYear+'/'+todayDateMonth+'/'+'01');//本月1号 $('.st\_defaultArefirst').attr('msts',function()\{//本月1号毫秒数 return new Date($(this).val()).getTime(); \}); var todayFhree = new Date().getTime()-30\*24\*60\*60\*1000;//提前30天后的毫米数 var todayOne = new Date().getTime()-1\*24\*60\*60\*1000;//提前1天后的毫米数 var todaySeven = new Date().getTime()-7\*24\*60\*60\*1000;//提前7天后的毫米数 var todayFhreeDateYear = new Date(todayFhree).getFullYear();//年 var todayFhreeDateMonth = '';//月 if(new Date().getMonth(todayFhree)+1<10)\{ todayFhreeDateMonth = '0'+(new Date(todayFhree).getMonth()+1); \}else\{ todayFhreeDateMonth = new Date(todayFhree).getMonth()+1; \}; var todayFhreeDateDate = '';//日 var pasertuy = new Date(todayFhree).getDate(); if(pasertuy < 10)\{ todayFhreeDateDate = '0'+new Date(todayFhree).getDate(); \} if(pasertuy >= 10)\{ todayFhreeDateDate = new Date(todayFhree).getDate(); \}; var todayOneDateYear = new Date(todayOne).getFullYear();//年 var todayOneDateMonth = '';//月 if(new Date().getMonth(todayOne)+1<10)\{ todayOneDateMonth = '0'+(new Date(todayOne).getMonth()+1); \}else\{ todayOneDateMonth = new Date(todayOne).getMonth()+1; \}; var todayOneDateDate = '';//日 if(new Date().getDate(todayOne)<10)\{ todayOneDateDate = '0'+new Date(todayOne).getDate(); \}else\{ todayOneDateDate = new Date(todayOne).getDate(); \}; var todaySevenDateYear = new Date(todaySeven).getFullYear();//年 var todaySevenDateMonth = '';//月 if(new Date().getMonth(todaySeven)+1<10)\{ todaySevenDateMonth = '0'+(new Date(todaySeven).getMonth()+1); \}else\{ todaySevenDateMonth = new Date(todaySeven).getMonth()+1; \}; var todaySevenDateDate = '';//日 if(new Date(todaySeven).getDate()<10)\{ todaySevenDateDate = '0'+new Date(todaySeven).getDate(); \}else\{ todaySevenDateDate = new Date(todaySeven).getDate(); \}; $('.st\_defaultArethree').val(todayFhreeDateYear+'/'+todayFhreeDateMonth+'/'+todayFhreeDateDate);//提前30天 $('.st\_betrday').val(todayOneDateYear+'/'+todayOneDateMonth+'/'+todayOneDateDate);//提前1天 $('.st\_sevenDays').val(todaySevenDateYear+'/'+todaySevenDateMonth+'/'+todaySevenDateDate);//提前7天 $('.st\_defaultArethree').attr('msts',function()\{//提前30天后日期的毫秒数 return new Date($(this).val()).getTime(); \}); var todayBeform= new Date().getTime()-(new Date().getDate())\*24\*60\*60\*1000;//上个月最后一天的毫秒数 var todaybreofrmDateYear = new Date(todayBeform).getFullYear();//年 var todaybreofDateMonth = '';//月 if(new Date().getMonth(todayBeform)+1<10)\{ todaybreofDateMonth = '0'+(new Date(todayBeform).getMonth()+1); \}else\{ todaybreofDateMonth = new Date(todayBeform).getMonth()+1; \}; var todaybreofDateDate = '';//日 if(new Date(todayBeform).getDate()<10)\{ todaybreofDateDate = '0'+(new Date(todayBeform).getDate()); \}else\{ todaybreofDateDate = new Date(todayBeform).getDate(); \}; $('.st\_defaultArebefore').val(todaybreofrmDateYear+'/'+todaybreofDateMonth+'/'+'01');//上月月初 $('.st\_defaultArebefore').attr('msts',function()\{//上月1号的毫秒数 return new Date($(this).val()).getTime(); \}); $('.st\_defaultArebefzr').val(todaybreofrmDateYear+'/'+todaybreofDateMonth+'/'+'01');//上个自然月 开始日期 $('.st\_defaultArebefzr').attr('msts',function()\{//上月1号的毫秒数 return new Date($(this).val()).getTime(); \}); $('.st\_defaultArelastzr').val(todaybreofrmDateYear+'/'+todaybreofDateMonth+'/'+todaybreofDateDate);//上个自然月 结束日期 $('.st\_defaultArelastzr').attr('msts',function()\{//上个自然月 结束日期的毫秒数 return new Date($(this).val()).getTime(); \}); $('.st\_singleval').val(todayDateYear+'/'+todayDateMonth+'/'+todayDateDate);//单日期默认有值 $('.st\_onliyermot').val(todayDateYear+'/'+todayDateMonth);//单日期只有年月 lay('.layerNdata').on('focus',function(e)\{ //假设 layerNdata 是一个按钮 整合时间 //var endDate2 = laydate.getEndDate(2, 2080); //得到29;获取指定年月的最后一天,month默认为当前月,year默认为当前年。 var dataId=$(this).attr('id'); laydate.render(\{ elem: '\#'+dataId, theme: '\#5da3e5',//自定义颜色 type : 'date',//year:年列表;month:年、月选择;date:年、月、日选择; format :'yyyy/MM/dd', showBottom : true,//是否显示底部按钮 btns: \['now'\], //value : new Date(),//初始值2018/08/18或new Date(1534766888000) // min:'-7',//最小值; -7,即代表最小日期在7天前,正数代表若干天后 // max:'',//最大值 show: true,//直接显示 closeStop: '.layerNdata', //这里代表的意思是:点击 layerNdata 所在元素阻止关闭事件冒泡。如果不设定,则无法弹出控件 change : function(value,date,endDate)\{//年月日时间被切换时都会触发;生成的值,日期时间对象,结束的日期时间对象 //例子:lay('\#testView').html(value); //console.log(value); //得到日期生成的值,如:2017-08-18 //console.log(date); //得到日期时间对象:\{year: 2017, month: 8, date: 18, hours: 0, minutes: 0, seconds: 0\} //console.log(endDate); //得结束的日期时间对象,开启范围选择(range: true)才会返回。对象成员同上。 \}, ready: function(date)\{//控件初始打开的回调;回调返回一个参数:初始的日期时间对象 //console.log(date); //得到初始的日期时间对象:\{year: 2017, month: 8, date: 18, hours: 0, minutes: 0, ... \}, done :function(value,date,endDate)\{//点击日期、清空、现在、确定均会触发;生成的值,日期时间对象,结束的日期时间对象 console.log(value); //得到日期生成的值,如:2017-08-18 $('\#'+dataId).val(value); console.log(date); //得到日期时间对象:\{year: 2017, month: 8, date: 18, hours: 0, minutes: 0, seconds: 0\} console.log(endDate); //得结束的日期时间对象,开启范围选择(range: true)才会返回。对象成员同上。 $('\#'+dataId).attr('msts',new Date(value).getTime()); if($('\#'+dataId).hasClass('st\_topFirst') == true)\{ var passtrAttr = $('\#'+dataId).parent().parent().next().find('input'); if(passtrAttr.attr('msts') == null || passtrAttr.attr('msts') == undefined)\{ passtrAttr.val($('\#'+dataId).val()); passtrAttr.attr('msts',$('\#'+dataId).attr('msts')); passtrAttr.change(); \}else\{ if(Number($('\#'+dataId).attr('msts')) > Number(passtrAttr.attr('msts')))\{ passtrAttr.val($('\#'+dataId).val()); passtrAttr.attr('msts',$('\#'+dataId).attr('msts')); passtrAttr.change(); \} \} \}else if($('\#'+dataId).hasClass('st\_topLaster') == true)\{ var passtrAttrprev = $('\#'+dataId).parent().parent().prev().find('input'); if(passtrAttrprev.attr('msts') == null || passtrAttrprev.attr('msts') == undefined)\{ passtrAttrprev.val($('\#'+dataId).val()); passtrAttrprev.attr('msts',$('\#'+dataId).attr('msts')); passtrAttrprev.change(); \}else\{ if(Number($('\#'+dataId).attr('msts')) < Number(passtrAttrprev.attr('msts')))\{ passtrAttrprev.val($('\#'+dataId).val()); passtrAttrprev.attr('msts',$('\#'+dataId).attr('msts')); passtrAttrprev.change(); \} \} \} $('\#'+dataId).val(value).change(); \}, \}); \}); lay('.layerNdataa').on('focus',function(e)\{ //假设 layerNdata 是一个按钮 整合时间 //var endDate2 = laydate.getEndDate(2, 2080); //得到29;获取指定年月的最后一天,month默认为当前月,year默认为当前年。 var dataId=$(this).attr('id'); laydate.render(\{ elem: '\#'+dataId, theme: '\#5da3e5',//自定义颜色 type : 'date',//year:年列表;month:年、月选择;date:年、月、日选择; format :'yyyy/MM/dd', showBottom : true,//是否显示底部按钮 btns: \['now'\], //value : new Date(),//初始值2018/08/18或new Date(1534766888000) min:'2018-07-01',//最小值; -7,即代表最小日期在7天前,正数代表若干天后 // max:'',//最大值 show: true,//直接显示 closeStop: '.layerNdataa', //这里代表的意思是:点击 layerNdata 所在元素阻止关闭事件冒泡。如果不设定,则无法弹出控件 change : function(value,date,endDate)\{//年月日时间被切换时都会触发;生成的值,日期时间对象,结束的日期时间对象 //例子:lay('\#testView').html(value); //console.log(value); //得到日期生成的值,如:2017-08-18 //console.log(date); //得到日期时间对象:\{year: 2017, month: 8, date: 18, hours: 0, minutes: 0, seconds: 0\} //console.log(endDate); //得结束的日期时间对象,开启范围选择(range: true)才会返回。对象成员同上。 \}, ready: function(date)\{//控件初始打开的回调;回调返回一个参数:初始的日期时间对象 //console.log(date); //得到初始的日期时间对象:\{year: 2017, month: 8, date: 18, hours: 0, minutes: 0, ... \}, done :function(value,date,endDate)\{//点击日期、清空、现在、确定均会触发;生成的值,日期时间对象,结束的日期时间对象 console.log(value); //得到日期生成的值,如:2017-08-18 $('\#'+dataId).val(value); console.log(date); //得到日期时间对象:\{year: 2017, month: 8, date: 18, hours: 0, minutes: 0, seconds: 0\} console.log(endDate); //得结束的日期时间对象,开启范围选择(range: true)才会返回。对象成员同上。 $('\#'+dataId).attr('msts',new Date(value).getTime()); if($('\#'+dataId).hasClass('st\_topFirst') == true)\{ var passtrAttr = $('\#'+dataId).parent().parent().next().find('input'); if(passtrAttr.attr('msts') == null || passtrAttr.attr('msts') == undefined)\{ passtrAttr.val($('\#'+dataId).val()); passtrAttr.attr('msts',$('\#'+dataId).attr('msts')); passtrAttr.change(); \}else\{ if(Number($('\#'+dataId).attr('msts')) > Number(passtrAttr.attr('msts')))\{ passtrAttr.val($('\#'+dataId).val()); passtrAttr.attr('msts',$('\#'+dataId).attr('msts')); passtrAttr.change(); \} \} \}else if($('\#'+dataId).hasClass('st\_topLaster') == true)\{ var passtrAttrprev = $('\#'+dataId).parent().parent().prev().find('input'); if(passtrAttrprev.attr('msts') == null || passtrAttrprev.attr('msts') == undefined)\{ passtrAttrprev.val($('\#'+dataId).val()); passtrAttrprev.attr('msts',$('\#'+dataId).attr('msts')); passtrAttrprev.change(); \}else\{ if(Number($('\#'+dataId).attr('msts')) < Number(passtrAttrprev.attr('msts')))\{ passtrAttrprev.val($('\#'+dataId).val()); passtrAttrprev.attr('msts',$('\#'+dataId).attr('msts')); passtrAttrprev.change(); \} \} \} $('\#'+dataId).val(value).change(); \}, \}); \}); lay('.st\_onliyermot,.st\_timenytj').on('focus',function(e)\{//只有年月 var dataIdonly=$(this).attr('id'); laydate.render(\{ elem: '\#'+dataIdonly, //指定元素 theme: '\#5da3e5',//自定义颜色 type : 'month',//year:年列表;month:年、月选择;date:年、月、日选择; format :'yyyy/MM', showBottom : true,//是否显示底部按钮 btns: \['now'\], show: true,//直接显示 closeStop: '.st\_onliyermot', //这里代表的意思是:点击 st\_onliyermot 所在元素阻止关闭事件冒泡。如果不设定,则无法弹出控件 change : function(value,date,endDate)\{//年月日时间被切换时都会触发;生成的值,日期时间对象,结束的日期时间对象 //例子:lay('\#testView').html(value); console.log(value); //得到日期生成的值,如:2017-08-18 //console.log(date); //得到日期时间对象:\{year: 2017, month: 8, date: 18, hours: 0, minutes: 0, seconds: 0\} //console.log(endDate); //得结束的日期时间对象,开启范围选择(range: true)才会返回。对象成员同上。 $('body').find('\#'+dataIdonly).val(value); $('body').find('.layui-laydate').remove(); \}, done :function(value,date,endDate)\{//点击日期、清空、现在、确定均会触发;生成的值,日期时间对象,结束的日期时间对象 console.log(value); //得到日期生成的值,如:2017-08-18 $('\#'+dataIdonly).val(value); $('\#'+dataIdonly).val(value).change(); \} \}); \}); lay('.st\_onlyYears').on('focus',function(e)\{//只有年 var dataIdonly=$(this).attr('id'); laydate.render(\{ elem: '\#'+dataIdonly, //指定元素 theme: '\#5da3e5',//自定义颜色 type : 'year',//year:年列表;month:年、月选择;date:年、月、日选择; format :'yyyy', showBottom : true,//是否显示底部按钮 btns: \['now'\], show: true,//直接显示 closeStop: '.st\_onlyYears', //这里代表的意思是:点击 st\_onliyermot 所在元素阻止关闭事件冒泡。如果不设定,则无法弹出控件 change : function(value,date,endDate)\{//年月日时间被切换时都会触发;生成的值,日期时间对象,结束的日期时间对象 //例子:lay('\#testView').html(value); console.log(value); //得到日期生成的值,如:2017-08-18 //console.log(date); //得到日期时间对象:\{year: 2017, month: 8, date: 18, hours: 0, minutes: 0, seconds: 0\} //console.log(endDate); //得结束的日期时间对象,开启范围选择(range: true)才会返回。对象成员同上。 $('body').find('\#'+dataIdonly).val(value); $('body').find('.layui-laydate').remove(); \}, done :function(value,date,endDate)\{//点击日期、清空、现在、确定均会触发;生成的值,日期时间对象,结束的日期时间对象 console.log(value); //得到日期生成的值,如:2017-08-18 $('\#'+dataIdonly).val(value); $('\#'+dataIdonly).val(value).change(); \} \}); \}); lay('.st\_whenavehicle').on('focus',function(e)\{ //时分秒 var dataIdonly=$(this).attr('id'); laydate.render(\{ elem: '\#'+dataIdonly, //指定元素 theme: '\#5da3e5',//自定义颜色 type : 'datetime',//year:年列表;month:年、月选择;date:年、月、日选择; format :'yyyy/MM/dd HH:mm:ss', showBottom : true,//是否显示底部按钮 show: true,//直接显示 closeStop: '.st\_whenavehicle', //这里代表的意思是:点击 st\_whenavehicle 所在元素阻止关闭事件冒泡。如果不设定,则无法弹出控件 change : function(value,date,endDate)\{//年月日时间被切换时都会触发;生成的值,日期时间对象,结束的日期时间对象 //例子:lay('\#testView').html(value); //console.log(value); //得到日期生成的值,如:2017-08-18 //console.log(date); //得到日期时间对象:\{year: 2017, month: 8, date: 18, hours: 0, minutes: 0, seconds: 0\} //console.log(endDate); //得结束的日期时间对象,开启范围选择(range: true)才会返回。对象成员同上。 \}, done :function(value,date,endDate)\{//点击日期、清空、现在、确定均会触发;生成的值,日期时间对象,结束的日期时间对象 console.log(value); //得到日期生成的值,如:2017-08-18 $('\#'+dataIdonly).val(value); $('\#'+dataIdonly).val(value).change(); \} \}); \}); lay('.st\_limitedchoice').on('focus',function(e)\{ //限定选择 var dataIdonly=$(this).attr('id'); var dataMax,dataMin; if($(this).attr('data-max') == undefined || $(this).attr('data-max') == null || $(this).attr('data-max') == '')\{ dataMax='2099-12-31'; \}else\{ if(isNaN(Number($(this).attr('data-max'))))\{ dataMax=$(this).attr('data-max'); \}else\{ dataMax=Number($(this).attr('data-max')); \} \} if($(this).attr('data-min') == undefined || $(this).attr('data-min') == null || $(this).attr('data-min') == '')\{ dataMin='1900-1-1'; \}else\{ if(isNaN(Number($(this).attr('data-min'))))\{ dataMin=$(this).attr('data-min'); \}else\{ dataMin=Number($(this).attr('data-min')); \} \} laydate.render(\{ elem: '\#'+dataIdonly, //指定元素 theme: '\#5da3e5',//自定义颜色 type : 'date',//year:年列表;month:年、月选择;date:年、月、日选择; format :'yyyy/MM/dd', showBottom : true,//是否显示底部按钮 btns: \['now'\], min:dataMin, max:dataMax, show: true,//直接显示 closeStop: '.st\_limitedchoice', //这里代表的意思是:点击 st\_onliyermot 所在元素阻止关闭事件冒泡。如果不设定,则无法弹出控件 change : function(value,date,endDate)\{//年月日时间被切换时都会触发;生成的值,日期时间对象,结束的日期时间对象 //例子:lay('\#testView').html(value); //console.log(value); //得到日期生成的值,如:2017-08-18 //console.log(date); //得到日期时间对象:\{year: 2017, month: 8, date: 18, hours: 0, minutes: 0, seconds: 0\} //console.log(endDate); //得结束的日期时间对象,开启范围选择(range: true)才会返回。对象成员同上。 \}, done :function(value,date,endDate)\{//点击日期、清空、现在、确定均会触发;生成的值,日期时间对象,结束的日期时间对象 console.log(value); //得到日期生成的值,如:2017-08-18 $('\#'+dataIdonly).val(value); $('\#'+dataIdonly).val(value).change(); \} \}); \}); $('.add-on').on('click',function()\{ $(this).siblings('input').val(''); $(this).siblings('input').change(); \}); $('.st\_tablebcg').on('click','.st\_datacard',function()\{ $(this).siblings('input').val(''); $(this).siblings('input').change(); \}); \} /\*新版时间 end\*/ /\*编辑表格时间 start\*/ function InitializestdataNewTab()\{ var todayDateYear = new Date().getFullYear();//年 var todayDateMonth = '';//月 if(new Date().getMonth()+1<10)\{ todayDateMonth = '0'+(new Date().getMonth()+1); \}else\{ todayDateMonth = new Date().getMonth()+1; \}; var todayDateDate = '';//日 if(new Date().getDate()<10)\{ todayDateDate = '0'+new Date().getDate(); \}else\{ todayDateDate = new Date().getDate(); \}; $('.st\_tablebcg .st\_defaultAre').val(todayDateYear+'/'+todayDateMonth+'/'+todayDateDate);//正常年月日 $('.st\_tablebcg .st\_defaultAre').attr('msts',function()\{ //正常年月日毫秒 return new Date($(this).val()).getTime(); \}); $('.st\_tablebcg .st\_defaultArefirst').val(todayDateYear+'/'+todayDateMonth+'/'+'01');//本月1号 $('.st\_tablebcg .st\_defaultArefirst').attr('msts',function()\{//本月1号毫秒数 return new Date($(this).val()).getTime(); \}); var todayFhree = new Date().getTime()-30\*24\*60\*60\*1000;//提前30天后的毫米数 var todayOne = new Date().getTime()-1\*24\*60\*60\*1000;//提前1天后的毫米数 var todaySeven = new Date().getTime()-7\*24\*60\*60\*1000;//提前7天后的毫米数 var todayFhreeDateYear = new Date(todayFhree).getFullYear();//年 var todayFhreeDateMonth = '';//月 if(new Date().getMonth(todayFhree)+1<10)\{ todayFhreeDateMonth = '0'+(new Date(todayFhree).getMonth()+1); \}else\{ todayFhreeDateMonth = new Date(todayFhree).getMonth()+1; \}; var todayFhreeDateDate = '';//日 var pasertuy = new Date(todayFhree).getDate(); if(pasertuy < 10)\{ todayFhreeDateDate = '0'+new Date(todayFhree).getDate(); \} if(pasertuy >= 10)\{ todayFhreeDateDate = new Date(todayFhree).getDate(); \}; var todayOneDateYear = new Date(todayOne).getFullYear();//年 var todayOneDateMonth = '';//月 if(new Date().getMonth(todayOne)+1<10)\{ todayOneDateMonth = '0'+(new Date(todayOne).getMonth()+1); \}else\{ todayOneDateMonth = new Date(todayOne).getMonth()+1; \}; var todayOneDateDate = '';//日 if(new Date().getDate(todayOne)<10)\{ todayOneDateDate = '0'+new Date(todayOne).getDate(); \}else\{ todayOneDateDate = new Date(todayOne).getDate(); \}; var todaySevenDateYear = new Date(todaySeven).getFullYear();//年 var todaySevenDateMonth = '';//月 if(new Date().getMonth(todaySeven)+1<10)\{ todaySevenDateMonth = '0'+(new Date(todaySeven).getMonth()+1); \}else\{ todaySevenDateMonth = new Date(todaySeven).getMonth()+1; \}; var todaySevenDateDate = '';//日 if(new Date(todaySeven).getDate()<10)\{ todaySevenDateDate = '0'+new Date(todaySeven).getDate(); \}else\{ todaySevenDateDate = new Date(todaySeven).getDate(); \}; $('.st\_tablebcg .st\_defaultArethree').val(todayFhreeDateYear+'/'+todayFhreeDateMonth+'/'+todayFhreeDateDate);//提前30天 $('.st\_tablebcg .st\_betrday').val(todayOneDateYear+'/'+todayOneDateMonth+'/'+todayOneDateDate);//提前1天 $('.st\_tablebcg .st\_sevenDays').val(todaySevenDateYear+'/'+todaySevenDateMonth+'/'+todaySevenDateDate);//提前7天 $('.st\_tablebcg .st\_defaultArethree').attr('msts',function()\{//提前30天后日期的毫秒数 return new Date($(this).val()).getTime(); \}); var todayBeform= new Date().getTime()-(new Date().getDate())\*24\*60\*60\*1000;//上个月最后一天的毫秒数 var todaybreofrmDateYear = new Date(todayBeform).getFullYear();//年 var todaybreofDateMonth = '';//月 if(new Date().getMonth(todayBeform)+1<10)\{ todaybreofDateMonth = '0'+(new Date(todayBeform).getMonth()+1); \}else\{ todaybreofDateMonth = new Date(todayBeform).getMonth()+1; \}; var todaybreofDateDate = '';//日 if(new Date(todayBeform).getDate()<10)\{ todaybreofDateDate = '0'+(new Date(todayBeform).getDate()); \}else\{ todaybreofDateDate = new Date(todayBeform).getDate(); \}; $('.st\_tablebcg .st\_defaultArebefore').val(todaybreofrmDateYear+'/'+todaybreofDateMonth+'/'+'01');//上月月初 $('.st\_tablebcg .st\_defaultArebefore').attr('msts',function()\{//上月1号的毫秒数 return new Date($(this).val()).getTime(); \}); $('.st\_tablebcg .st\_defaultArebefzr').val(todaybreofrmDateYear+'/'+todaybreofDateMonth+'/'+'01');//上个自然月 开始日期 $('.st\_tablebcg .st\_defaultArebefzr').attr('msts',function()\{//上月1号的毫秒数 return new Date($(this).val()).getTime(); \}); $('.st\_tablebcg .st\_defaultArelastzr').val(todaybreofrmDateYear+'/'+todaybreofDateMonth+'/'+todaybreofDateDate);//上个自然月 结束日期 $('.st\_tablebcg .st\_defaultArelastzr').attr('msts',function()\{//上个自然月 结束日期的毫秒数 return new Date($(this).val()).getTime(); \}); $('.st\_tablebcg .st\_singleval').val(todayDateYear+'/'+todayDateMonth+'/'+todayDateDate);//单日期默认有值 $('.st\_tablebcg .st\_onliyermot').val(todayDateYear+'/'+todayDateMonth);//单日期只有年月 lay('.st\_tablebcg .layerNdata').on('focus',function(e)\{ //假设 layerNdata 是一个按钮 整合时间 //var endDate2 = laydate.getEndDate(2, 2080); //得到29;获取指定年月的最后一天,month默认为当前月,year默认为当前年。 var dataId=$(this).attr('id'); laydate.render(\{ elem: '\#'+dataId, theme: '\#5da3e5',//自定义颜色 type : 'date',//year:年列表;month:年、月选择;date:年、月、日选择; format :'yyyy/MM/dd', showBottom : true,//是否显示底部按钮 btns: \['now'\], //value : new Date(),//初始值2018/08/18或new Date(1534766888000) //min:'',//最小值; -7,即代表最小日期在7天前,正数代表若干天后 //max:'',//最大值 show: true,//直接显示 closeStop: '.layerNdata', //这里代表的意思是:点击 layerNdata 所在元素阻止关闭事件冒泡。如果不设定,则无法弹出控件 change : function(value,date,endDate)\{//年月日时间被切换时都会触发;生成的值,日期时间对象,结束的日期时间对象 //例子:lay('\#testView').html(value); //console.log(value); //得到日期生成的值,如:2017-08-18 //console.log(date); //得到日期时间对象:\{year: 2017, month: 8, date: 18, hours: 0, minutes: 0, seconds: 0\} //console.log(endDate); //得结束的日期时间对象,开启范围选择(range: true)才会返回。对象成员同上。 \}, ready: function(date)\{//控件初始打开的回调;回调返回一个参数:初始的日期时间对象 //console.log(date); //得到初始的日期时间对象:\{year: 2017, month: 8, date: 18, hours: 0, minutes: 0, ... \}, done :function(value,date,endDate)\{//点击日期、清空、现在、确定均会触发;生成的值,日期时间对象,结束的日期时间对象 console.log(value); //得到日期生成的值,如:2017-08-18 $('\#'+dataId).val(value); console.log(date); //得到日期时间对象:\{year: 2017, month: 8, date: 18, hours: 0, minutes: 0, seconds: 0\} console.log(endDate); //得结束的日期时间对象,开启范围选择(range: true)才会返回。对象成员同上。 $('\#'+dataId).attr('msts',new Date(value).getTime()); if($('\#'+dataId).hasClass('st\_topFirst') == true)\{ var passtrAttr = $('\#'+dataId).parent().parent().next().find('input'); if(passtrAttr.attr('msts') == null || passtrAttr.attr('msts') == undefined)\{ passtrAttr.val($('\#'+dataId).val()); passtrAttr.attr('msts',$('\#'+dataId).attr('msts')); passtrAttr.change(); \}else\{ if(Number($('\#'+dataId).attr('msts')) > Number(passtrAttr.attr('msts')))\{ passtrAttr.val($('\#'+dataId).val()); passtrAttr.attr('msts',$('\#'+dataId).attr('msts')); passtrAttr.change(); \} \} \}else if($('\#'+dataId).hasClass('st\_topLaster') == true)\{ var passtrAttrprev = $('\#'+dataId).parent().parent().prev().find('input'); if(passtrAttrprev.attr('msts') == null || passtrAttrprev.attr('msts') == undefined)\{ passtrAttrprev.val($('\#'+dataId).val()); passtrAttrprev.attr('msts',$('\#'+dataId).attr('msts')); passtrAttrprev.change(); \}else\{ if(Number($('\#'+dataId).attr('msts')) < Number(passtrAttrprev.attr('msts')))\{ passtrAttrprev.val($('\#'+dataId).val()); passtrAttrprev.attr('msts',$('\#'+dataId).attr('msts')); passtrAttrprev.change(); \} \} \} $('\#'+dataId).val(value).change(); \}, \}); \}); lay('.st\_tablebcg .st\_onliyermot,.st\_tablebcg .st\_timenytj').on('focus',function(e)\{//只有年月 var dataIdonly=$(this).attr('id'); laydate.render(\{ elem: '\#'+dataIdonly, //指定元素 theme: '\#5da3e5',//自定义颜色 type : 'month',//year:年列表;month:年、月选择;date:年、月、日选择; format :'yyyy/MM', showBottom : true,//是否显示底部按钮 btns: \['now'\], show: true,//直接显示 closeStop: '.st\_onliyermot', //这里代表的意思是:点击 st\_onliyermot 所在元素阻止关闭事件冒泡。如果不设定,则无法弹出控件 change : function(value,date,endDate)\{//年月日时间被切换时都会触发;生成的值,日期时间对象,结束的日期时间对象 //例子:lay('\#testView').html(value); console.log(value); //得到日期生成的值,如:2017-08-18 //console.log(date); //得到日期时间对象:\{year: 2017, month: 8, date: 18, hours: 0, minutes: 0, seconds: 0\} //console.log(endDate); //得结束的日期时间对象,开启范围选择(range: true)才会返回。对象成员同上。 $('body').find('\#'+dataIdonly).val(value); $('body').find('.layui-laydate').remove(); \}, done :function(value,date,endDate)\{//点击日期、清空、现在、确定均会触发;生成的值,日期时间对象,结束的日期时间对象 console.log(value); //得到日期生成的值,如:2017-08-18 $('\#'+dataIdonly).val(value); $('\#'+dataIdonly).val(value).change(); \} \}); \}); lay('.st\_tablebcg .st\_onlyYears').on('focus',function(e)\{//只有年 var dataIdonly=$(this).attr('id'); laydate.render(\{ elem: '\#'+dataIdonly, //指定元素 theme: '\#5da3e5',//自定义颜色 type : 'year',//year:年列表;month:年、月选择;date:年、月、日选择; format :'yyyy', showBottom : true,//是否显示底部按钮 btns: \['now'\], show: true,//直接显示 closeStop: '.st\_onlyYears', //这里代表的意思是:点击 st\_onliyermot 所在元素阻止关闭事件冒泡。如果不设定,则无法弹出控件 change : function(value,date,endDate)\{//年月日时间被切换时都会触发;生成的值,日期时间对象,结束的日期时间对象 //例子:lay('\#testView').html(value); console.log(value); //得到日期生成的值,如:2017-08-18 //console.log(date); //得到日期时间对象:\{year: 2017, month: 8, date: 18, hours: 0, minutes: 0, seconds: 0\} //console.log(endDate); //得结束的日期时间对象,开启范围选择(range: true)才会返回。对象成员同上。 $('body').find('\#'+dataIdonly).val(value); $('body').find('.layui-laydate').remove(); \}, done :function(value,date,endDate)\{//点击日期、清空、现在、确定均会触发;生成的值,日期时间对象,结束的日期时间对象 console.log(value); //得到日期生成的值,如:2017-08-18 $('\#'+dataIdonly).val(value); $('\#'+dataIdonly).val(value).change(); \} \}); \}); lay('.st\_tablebcg .st\_whenavehicle').on('focus',function(e)\{ //时分秒 var dataIdonly=$(this).attr('id'); laydate.render(\{ elem: '\#'+dataIdonly, //指定元素 theme: '\#5da3e5',//自定义颜色 type : 'datetime',//year:年列表;month:年、月选择;date:年、月、日选择; format :'yyyy/MM/dd HH:mm:ss', showBottom : true,//是否显示底部按钮 show: true,//直接显示 closeStop: '.st\_whenavehicle', //这里代表的意思是:点击 st\_whenavehicle 所在元素阻止关闭事件冒泡。如果不设定,则无法弹出控件 change : function(value,date,endDate)\{//年月日时间被切换时都会触发;生成的值,日期时间对象,结束的日期时间对象 //例子:lay('\#testView').html(value); //console.log(value); //得到日期生成的值,如:2017-08-18 //console.log(date); //得到日期时间对象:\{year: 2017, month: 8, date: 18, hours: 0, minutes: 0, seconds: 0\} //console.log(endDate); //得结束的日期时间对象,开启范围选择(range: true)才会返回。对象成员同上。 \}, done :function(value,date,endDate)\{//点击日期、清空、现在、确定均会触发;生成的值,日期时间对象,结束的日期时间对象 console.log(value); //得到日期生成的值,如:2017-08-18 $('\#'+dataIdonly).val(value); $('\#'+dataIdonly).val(value).change(); \} \}); \}); lay('.st\_limitedchoice').on('focus',function(e)\{ //限定选择 var dataIdonly=$(this).attr('id'); var dataMax,dataMin; if($(this).attr('data-max') == undefined || $(this).attr('data-max') == null || $(this).attr('data-max') == '')\{ dataMax='2099-12-31'; \}else\{ if(isNaN(Number($(this).attr('data-max'))))\{ dataMax=$(this).attr('data-max'); \}else\{ dataMax=Number($(this).attr('data-max')); \} \} if($(this).attr('data-min') == undefined || $(this).attr('data-min') == null || $(this).attr('data-min') == '')\{ dataMin='1900-1-1'; \}else\{ if(isNaN(Number($(this).attr('data-min'))))\{ dataMin=$(this).attr('data-min'); \}else\{ dataMin=Number($(this).attr('data-min')); \} \} laydate.render(\{ elem: '\#'+dataIdonly, //指定元素 theme: '\#5da3e5',//自定义颜色 type : 'date',//year:年列表;month:年、月选择;date:年、月、日选择; format :'yyyy/MM/dd', showBottom : true,//是否显示底部按钮 btns: \['now'\], min:dataMin, max:dataMax, show: true,//直接显示 closeStop: '.st\_limitedchoice', //这里代表的意思是:点击 st\_onliyermot 所在元素阻止关闭事件冒泡。如果不设定,则无法弹出控件 change : function(value,date,endDate)\{//年月日时间被切换时都会触发;生成的值,日期时间对象,结束的日期时间对象 //例子:lay('\#testView').html(value); //console.log(value); //得到日期生成的值,如:2017-08-18 //console.log(date); //得到日期时间对象:\{year: 2017, month: 8, date: 18, hours: 0, minutes: 0, seconds: 0\} //console.log(endDate); //得结束的日期时间对象,开启范围选择(range: true)才会返回。对象成员同上。 \}, done :function(value,date,endDate)\{//点击日期、清空、现在、确定均会触发;生成的值,日期时间对象,结束的日期时间对象 console.log(value); //得到日期生成的值,如:2017-08-18 $('\#'+dataIdonly).val(value); $('\#'+dataIdonly).val(value).change(); \} \}); \}); $('.st\_tablebcg').on('click','.st\_datacard',function()\{ $(this).siblings('input').val(''); $(this).siblings('input').change(); \}); lay('.st\_tablebcg .st\_whenavehicle').on('focus',function(e)\{ //时分秒 var dataIdonly=$(this).attr('id'); laydate.render(\{ elem: '\#'+dataIdonly, //指定元素 theme: '\#5da3e5',//自定义颜色 type : 'datetime',//year:年列表;month:年、月选择;date:年、月、日选择; format :'yyyy/MM/dd HH:mm:ss', showBottom : true,//是否显示底部按钮 show: true,//直接显示 closeStop: '.st\_whenavehicle', //这里代表的意思是:点击 st\_whenavehicle 所在元素阻止关闭事件冒泡。如果不设定,则无法弹出控件 change : function(value,date,endDate)\{//年月日时间被切换时都会触发;生成的值,日期时间对象,结束的日期时间对象 //例子:lay('\#testView').html(value); //console.log(value); //得到日期生成的值,如:2017-08-18 //console.log(date); //得到日期时间对象:\{year: 2017, month: 8, date: 18, hours: 0, minutes: 0, seconds: 0\} //console.log(endDate); //得结束的日期时间对象,开启范围选择(range: true)才会返回。对象成员同上。 \}, done :function(value,date,endDate)\{//点击日期、清空、现在、确定均会触发;生成的值,日期时间对象,结束的日期时间对象 console.log(value); //得到日期生成的值,如:2017-08-18 $('\#'+dataIdonly).val(value); $('\#'+dataIdonly).val(value).change(); \} \}); \}); lay('.st\_tablebcg .layerNdataa').on('focus',function(e)\{ //限定选择 var dataIdonly=$(this).attr('id'); laydate.render(\{ elem: '\#'+dataIdonly, //指定元素 theme: '\#5da3e5',//自定义颜色 type : 'date',//year:年列表;month:年、月选择;date:年、月、日选择; format :'yyyy/MM/dd', showBottom : true,//是否显示底部按钮 btns: \['now'\], // value : new Date(),//初始值2018/08/18或new Date(1534766888000) min:'2018-07-01',//最小值; -7,即代表最小日期在7天前,正数代表若干天后 //max:'',//最大值 show: true,//直接显示 closeStop: '.st\_limitedchoice', //这里代表的意思是:点击 st\_onliyermot 所在元素阻止关闭事件冒泡。如果不设定,则无法弹出控件 change : function(value,date,endDate)\{//年月日时间被切换时都会触发;生成的值,日期时间对象,结束的日期时间对象 //例子:lay('\#testView').html(value); //console.log(value); //得到日期生成的值,如:2017-08-18 //console.log(date); //得到日期时间对象:\{year: 2017, month: 8, date: 18, hours: 0, minutes: 0, seconds: 0\} //console.log(endDate); //得结束的日期时间对象,开启范围选择(range: true)才会返回。对象成员同上。 \}, done :function(value,date,endDate)\{//点击日期、清空、现在、确定均会触发;生成的值,日期时间对象,结束的日期时间对象 console.log(value); //得到日期生成的值,如:2017-08-18 $('\#'+dataIdonly).val(value); $('\#'+dataIdonly).val(value).change(); \} \}); \}); \} /\*编辑表格时间 end\*/ /\*重置 start\*/ $('.st\_righbtn-default').on('click',function()\{ $(this).parents('form').find('input:text').val(''); $(this).parents('form').find('select').val(null).trigger("change"); \}); function resetstdefa(id)\{ $(id).on('click',function()\{ $(this).parents('form').find('input:text').val(''); //$(this).parents('form').find('select').select2("val",""); $(this).parents('form').find('select').val(null).trigger("change"); \}); \} /\*重置 end\*/ /\*提示工具 start\*/ $(function()\{ $('\[data-toggle="tooltip"\]').tooltip(); $('.st\_brfdter').tooltip(\{ position: \{ my: "center bottom-20", at: "center top", using: function( position, feedback )\{ $(this).css( position ); $("<div>") .addClass( "st\_arrow" ) .addClass( feedback.vertical ) .addClass( feedback.horizontal ) .appendTo( this ); \} \} \}); \}); function toopiltipstd()\{ $('\[data-toggle="tooltip"\]').tooltip(); $('.st\_brfdter').tooltip(\{ position: \{ my: "center bottom-20", at: "center top", using: function( position, feedback )\{ $(this).css( position ); $("<div>") .addClass( "st\_arrow" ) .addClass( feedback.vertical ) .addClass( feedback.horizontal ) .appendTo( this ); \} \} \}); \}; function tooilptoname(number)\{ $('.bootstrap-table tr td').each(function()\{ if($(this).attr('title') == undefined || $(this).attr('title') == null )\{ if($(this).text().length > number)\{ $(this).addClass('st\_tdtbbrfdter'); $(this).attr("datanum-title",$(this).text()); $(this).attr("title",$(this).text()); $(this).text($(this).text().substring(0,number)+'...'); $(this).attr("data-toggle",'tooltip'); $('\[data-toggle="tooltip"\]').tooltip(); \} \} \}); toopiltipstd(); //title样式 \} $('.st\_tablebcg').on('mouseover','.st\_tdtbbrfdter',function()\{ if($(this).find('button').hasClass('st\_clonebtn') !== true )\{ $(this).attr('data-textei',$(this).text()); $(this).text(''); $(this).append('<button id="btnssss" data-clipboard-text="请复制内容" class="st\_clonebtn">复制</button>'); $(this).find('.st\_clonebtn').attr('data-clipboard-text',$(this).attr('datanum-title')); \} /\*复制提示框里面的信息 start\*/ var btn = document.getElementById('btnssss'); var clipboard = new Clipboard(btn); clipboard.on('success', function(e) \{ //console.log(e); \}); clipboard.on('error', function(e) \{ //console.log(e); \}); /\*复制提示框里面的信息 end\*/ \}); $('.st\_tablebcg').on('mouseleave','.st\_tdtbbrfdter',function()\{ if($(this).find('button').hasClass('st\_clonebtn') == true )\{ $(this).text($(this).attr('data-textei')); $(this).find('.st\_clonebtn').remove(); \} \}); /\*提示工具 end\*/ /\*表格里面的总计功能 start\*/ function passtotalof()\{ for(var opr=0;opr<$('.st\_tablebcg>tbody>tr').eq(1).children('td').length;opr++)\{ if($('.st\_tablebcg>tbody>tr').eq(1).children('td').eq(opr).hasClass('ptntotalQty') == true)\{ $('.st\_tablebcg').attr('data-panumber',$('.st\_tablebcg>tbody>tr').eq(1).children('td').length);//现在一行有几个td \} \} \} function aformstotalof()\{ for(var opt=0;opt<$('.st\_tablebcg>tbody>tr').eq(1).children('td').length;opt++)\{ if($('.st\_tablebcg>tbody>tr').eq(1).children('td').eq(opt).hasClass('ptntotalQty') == true)\{ var stnumptt=$('.st\_tablebcg>tbody>tr').first().children('.ptntotalQty').index();//数量在什么位置 if($('.st\_tablebcg tbody').find('tr').hasClass('stcsdtt') == true)\{ $('.st\_tablebcg>tbody>tr.stcsdtt:last').remove(); \} $('.st\_tablebcg tbody').prepend('<tr class="stcsdtt"></tr>'); for(var str=0;str<Number($('.st\_tablebcg').attr('data-panumber'));str++)\{ $('.st\_tablebcg>tbody>tr.stcsdtt:last').append("<td style='text-align:right;'></td>"); \} \} \} for(var opr=0;opr<$('.st\_tablebcg>tbody>tr').eq(1).children('td').length;opr++)\{ var numpname=0; if($('.st\_tablebcg>tbody>tr').eq(1).children('td').eq(opr).hasClass('ptntotalQty') == true)\{ $('.st\_tablebcg>tbody>tr.stcsdtt>td:first').text('小计'); for(var kl=0;kl<$('.st\_tablebcg>tbody>tr').length;kl++)\{ var panmet=Number($('.st\_tablebcg>tbody>tr').eq(kl).children('td').eq(opr).text()); numpname+=panmet; \} $('.st\_tablebcg>tbody>tr.stcsdtt>td').eq(opr).text(numpname); \} \} \} /\*表格里面的总计功能 end\*/ /\*表格滚动条 start\*/ function stscollertiao(names)\{ //$(".fixed-table-body").getNiceScroll().hide(); //$(".fixed-table-body").getNiceScroll().resize();//检测滚动条是否重置大小(当窗口改变大小时) $('.fixed-table-body').getNiceScroll().resize(); $(".fixed-table-body").niceScroll(\{ cursorcolor: "\#87CEEB", //滚动条的颜色 cursoropacitymax: 0.9, //滚动条的透明度,从0-1 touchbehavior: false, //使光标拖动滚动像在台式电脑触摸设备 cursorwidth: "10px", //滚动条的宽度 cursorminheight: 32,// 设置滚动条的最小高度 (像素) cursorborder: "1.5px solid \#eee", // 游标边框css定义 bouncescroll:true,// (only hw accell) 启用滚动跳跃的内容移动 railoffset: false, // 可以使用top/left来修正位置 cursorborderradius: "20px", //以像素为光标边界半径 圆角 //autohidemode: 'scroll', //是否隐藏滚动条 true的时候默认不显示滚动条,当鼠标经过的时候显示滚动条 background :"\#eee", autohidemode:'leave', horizrailenabled:true // nicescroll可以管理水平滚动 \}); \} /\*表格滚动条 end\*/ /\*调整列宽 start\*/ function adjustcolumndth(id)\{ if(id == undefined)\{ console.log('bin'); $(".st\_tablebcg").colResizable(\{ //partialRefresh:true,//刷新页面后宽度不记忆 //flush:true,//刷新页面后宽度不记忆 //liveDrag:true, //流畅性 //gripInnerHtml:"<div class='grip'></div>", //draggingClass:"dragging", resizeMode:'overflow',//flex fit overflow headerOnly: false,//此属性可用于防止柱锚的垂直展开以适应桌面高度 onResize : function(value)\{ //console.log(value); console.log($(this).find('td').html()); \} \}); \}else\{ console.log('ssss'); $(id).colResizable(\{ //liveDrag:true, //流畅性 //gripInnerHtml:"<div class='grip'></div>", //draggingClass:"dragging", resizeMode:'overflow',//flex fit overflow headerOnly: false,//此属性可用于防止柱锚的垂直展开以适应桌面高度 onResize : function(value)\{ //console.log(value); console.log($(this).find('td').html()); \} \}); \} //postbackSafe:true, //partialRefresh:true, \} /\*调整列宽刷新 start\*/ function adjustcolumndthfresh(id)\{ if(id == undefined)\{ $(".st\_tablebcg").colResizable(\{ resizeMode:'overflow',//flex fit overflow headerOnly: false,//此属性可用于防止柱锚的垂直展开以适应桌面高度 postbackSafe:true, partialRefresh:true \}); \}else\{ $(id).colResizable(\{ resizeMode:'overflow',//flex fit overflow headerOnly: false,//此属性可用于防止柱锚的垂直展开以适应桌面高度 postbackSafe:true, partialRefresh:true \}); \} \} /\*调整列宽刷新 end\*/ /\*调整列宽 end\*/ /\*可编辑表格 联动 输入框改变 后 不能点击 start\*/ function stEditable(stTmthis,stclass,stdata,aftclass)\{ stTmthis.parents('tr').children('.'+stclass).children('a').addClass('editable-unsaved'); stTmthis.parents('tr').children('.'+stclass).children('a').css(\{'background-color':'rgba(0, 0, 0, 0)'\}); stTmthis.parents('tr').children('.'+stclass).children('a').trigger("click"); stTmthis.parents('tr').children('.'+stclass).find('input').val(stdata); stTmthis.parents('tr').children('.'+stclass).find('.editable-submit').trigger("click"); var stdatavl = stTmthis.parents('tr').children('.'+aftclass).find('.editable-input').find('option:selected').attr('value'); stTmthis.parents('tr').children('.'+aftclass).children('a').attr('data-value',stdatavl); stTmthis.parents('tr').children('.'+stclass).children("a").attr('ddd','st\_disabled\_close'); stTmthis.parents('tr').children('.'+stclass).children("a").unbind(); \} function stEditableclick(stTmthis,stclass,stdata,aftclass)\{ //可在次点击 stTmthis.parents('tr').children('.'+stclass).children('a').addClass('editable-unsaved'); stTmthis.parents('tr').children('.'+stclass).children('a').css(\{'background-color':'rgba(0, 0, 0, 0)'\}); stTmthis.parents('tr').children('.'+stclass).children('a').trigger("click"); stTmthis.parents('tr').children('.'+stclass).find('input').val(stdata); stTmthis.parents('tr').children('.'+stclass).find('.editable-submit').trigger("click"); var stdatavl = stTmthis.parents('tr').children('.'+aftclass).find('.editable-input').find('option:selected').attr('value'); stTmthis.parents('tr').children('.'+aftclass).children('a').attr('data-value',stdatavl); stTmthis.parents('tr').children('.'+stclass).children("a").attr('ddd','st\_disabled\_close'); \} /\*可编辑表格 联动 输入框改变 后 不能点击 end\*/ /\*可编辑表格的时间功能 start\*/ $('.st\_tablebcg').on('focus','.st\_recvTimeout',function()\{ datatablefind(); \}); /\*可编辑表格的时间功能 end\*/ /\*新版 可编辑表格的时间功能 start\*/ /\*$('.st\_tablebcg').on('click','.st\_recvTimeout',function(e)\{ $(this).blur(); Initializestdata(); $(this).focus(); \});\*/ /\*新版 可编辑表格的时间功能 end\*/ /\*可编辑表格 改变下拉框 start\*/ function editBox(stThis,stClass)\{ var STname=stThis.parent('div').siblings('.editable-input').find('option:selected').text(); //获取选择的文字 var STvalue=stThis.parent('div').siblings('.editable-input').find('option:selected').attr('value');//获取选择的id setTimeout(function()\{ stThis.parents('tr').find('.'+stClass).children('a').text(STname);//transmode:运输方式的class stThis.parents('tr').find('.'+stClass).children('a').attr('data-value',STvalue);//transmode:运输方式的class stThis.parents('tbody').attr('st\_'+STvalue,STname); \},100); \} /\*可编辑表格 改变下拉框 end\*/ /\*点击输入头部的箭头 start\*/ $(function()\{ $('.st\_datanamefor').on('show.bs.collapse',function()\{ $(this).prev().find('a').addClass('img\_query1'); $(this).prev().find('a').removeClass('img\_query2'); \}); $('.st\_datanamefor').on('hide.bs.collapse',function()\{ $(this).prev().find('a').addClass('img\_query2'); $(this).prev().find('a').removeClass('img\_query1'); \}); \}); /\*点击输入头部的箭头 end\*/ /\*全局使用的弹窗 样式 start\*/ layer.config(\{ skin: 'stdemo-class' \}); /\*全局使用的弹窗 样式 end\*/ /\*没有查询记录样式 start\*/ function queryrecord()\{ var suit = Number($('body').width()); $('.st\_tablebcg').find('.no-records-found').find('td').css('cssText','text-align:left !important;padding-left:'+(suit/2-70)+'px !important;'); \} /\*没有查询记录样式 end\*/ /\*自定义 模糊搜索 start\*/ function fuzzySearch(namaid)\{ $('.st\_panel-success').find('.st\_dropdownui').remove();//删除 var dropdownui = $(namaid).parent().parent().siblings('.fixed-table-toolbar').find('.dropdown-menu');//ul var dropdownbutton = $(namaid).parent().parent().siblings('.fixed-table-toolbar').find('.dropdown-menu').siblings('button');//button if(dropdownui.find('li').first().hasClass('st\_dropdownui') !== true)\{ dropdownui.parent().attr('title',' '); dropdownui.attr('pasrnumeer','1'); var divhtml = '<li role="menuitem" class="st\_dropdownui"><input type="text" class="st\_seacb"><a href="javascript:;" class="glyphicon glyphicon-search" aria-hidden="true"></a></li>'; dropdownui.prepend(divhtml); \} $(namaid).parent().parent().siblings('.fixed-table-toolbar').find('.dropdown-menu').siblings('button').click(function(e)\{ if($(this).siblings('ul').find('li').first().hasClass('st\_dropdownui') == true)\{ $(this).siblings('ul').find('li').show(); $(this).siblings('ul').find('li').first().find('input').val(''); \}else\{ $(this).siblings('ul').find('li').show(); $(this).siblings('ul').parent().attr('title',' '); $(this).siblings('ul').attr('pasrnumeer','1'); var divhtml = '<li role="menuitem" class="st\_dropdownui"><input type="text" class="st\_seacb" value=""><a href="javascript:;" class="glyphicon glyphicon-search" aria-hidden="true"></a></li>'; $(this).siblings('ul').prepend(divhtml); \} \}); $(dropdownui).on('click','.st\_dropdownui',function(e)\{ e.stopPropagation(); \}); dropdownui.on('click','.st\_dropdownui a',function(e)\{ var secher = $.trim($(this).siblings('input').val()); if(secher === '')\{ dropdownui.find('li').show(); \}else\{ dropdownui.find('li').hide().filter(":contains('"+secher+"')").show(); dropdownui.find('li').first().show(); \} \}); \} /\*自定义 模糊搜索 end\*/ /\*父子表的自定义按钮的功能 start\*/ function customButton(nameghid)\{ $(nameghid).parent().on('scroll',function()\{ var scloleft = parseInt($(this).scrollLeft()); var scloleftnum = parseInt(35)-scloleft; $(this).parent().siblings('.fixed-table-toolbar').find('.keep-open').children('button').css('cssText','left:'+scloleftnum +'px !important;'); \}); \} /\*父子表的自定义按钮的功能 end\*/ /\*无父子表格(单个表格)自定义按钮 start\*/ function noNocustomButton(nameghid)\{ $(nameghid).parent().on('scroll',function()\{ var scloleft = parseInt($(this).scrollLeft()); var scloleftnum = parseInt(2)-scloleft; $(this).parent().siblings('.fixed-table-toolbar').find('.keep-open').children('button').css('cssText','left:'+scloleftnum +'px !important;') \}); \} /\*无父子表格(单个表格)自定义按钮 end\*/ /\*顶部个性导航的 效果 start\*/ $('.st\_bread\_crumbs>ul>li').on('click',function()\{ $(this).addClass('active').siblings().removeClass('active'); \}); /\*顶部个性导航的 效果 end\*/ /\*顶部个性导航的 效果 start\*/ $('.st\_anissued>ul>li').on('click',function()\{ $(this).addClass('active').siblings().removeClass('active'); \}); /\*顶部个性导航的 效果 end\*/ /\*自写 可编辑表格 改变下拉框 start\*/ function stpastyr(dataid,data,value)\{ $("\#"+dataid).select2(\{ data: data, placeholder:'请选择', allowClear:false \}); /\*if(value)\{ $("\#"+dataid).select2('val',value); \}\*/ $("\#"+dataid).select2('val',value); /\*if(code !== undefined)\{ $("\#"+dataid).children('option').each(function(i,em)\{ $(this).attr('code',data\[i\].code); \}); \}\*/ \} /\*自写 可编辑表格 改变下拉框 end\*/ /\*自写 可编辑表格 改变下拉框 不使用id start\*/ function stpastyrCode(dataid,data,value)\{ /\*1.id;2.下拉框数据;3.td原来值;4.根据code作为id使用\*/ var datacode = $.map(data,function(ide)\{ ide.id = ide.code; return ide; \}); $("\#"+dataid).select2(\{ data: datacode, placeholder:'请选择', allowClear:false \}); if(value)\{ $("\#"+dataid).select2('val',value); \} \} /\*自写 可编辑表格 改变下拉框 不使用id end\*/ /\*自写 可编辑表格 改变输入框内容 start\*/ function thEditor(id,value)\{ if(value == undefined || value == 'undefined' || value == null || value == 'null')\{ $('\#'+id).val(''); \}else\{ $('\#'+id).val(value); \} \} /\*自写 可编辑表格 改变输入框内容 end\*/ /\*自写 可编辑表格 时间框 start\*/ function timeEditor(id,value)\{ $('\#'+id).val(value); InitializestdataNewTab(); \} /\*自写 可编辑表格 时间框 end\*/ /\*自写 可编辑表格 根据某个数据不可编辑 start\*/ function InhibitData(classname,value,element)\{ $(".st\_tablebcg tbody ."+classname).each(function(s)\{ if(element == "select")\{ var scontact=$(this).find("option:selected").text(); \} if(element == "input")\{ var scontact=$(this).children().val(); \} if( scontact == value)\{ $(this).parent('tr').children("td").each(function()\{ $(this).children("input,select").attr('disabled','disabled'); $(this).children("input,select").css('cssText','background:\#e5e5e5 !important;'); $(this).find('.select2-selection--single').css('cssText','background:\#e5e5e5 !important;');; \}); \} \}); \} /\*自写 可编辑表格 根据某个数据不可编辑 end\*/ /\*自写 编辑表格 总校验 start\*/ /\*自写 可编辑表格 下拉框校验 start\*/ function eHditor(id,data)\{ $(id).addClass('st\_saveselct'); if(data == 'getData')\{ var senale = 1;//下拉框 var senapt = 1;//输入框 var senaxtp = 1; //选填输入框 /\*自写 可编辑表格 校验 下拉框 为必填项 start\*/ $(id+" td").each(function(s)\{ if($(this).hasClass('select\_mandatory') == true)\{ var names=$(this).find('option:selected').text(); if( names == '' || names == undefined )\{ $(this).find('.select2-selection--single').css('borderColor','\#fe7737'); senale = 2; \}else\{ $(this).find('.select2-selection--single').css('borderColor','\#c6c6c6'); \} \} if($(this).hasClass('input\_mandatory') == true)\{ if($(this).find('input').val() == '')\{ $(this).find('input').css('borderColor','\#fe7737'); senapt = 2; \}else\{ $(this).find('input').css('borderColor','\#c6c6c6'); \} \} if($(this).hasClass('checkTig') == true)\{ senaxtp++; \} \}); /\*自写 可编辑表格 校验 下拉框 为必填项 end\*/ if(senale == 1 && senapt == 1 && senaxtp == 1)\{ //var tableData = $(id).bootstrapTable(data);// 获取表格的所有内容行 return AllThedata(id,data);; \}else\{ layer.msg('校验不通过!', \{ skin: 'stmsg-class', icon: 2, time: 1000 //2秒关闭(如果不配置,默认是3秒) \}); \} \} if(data == 'getSelections')\{ if($(id).bootstrapTable('getSelections') == '')\{ layer.msg('请您选择相应的数据进行操作!', \{ skin: 'stmsg-class', icon: 2, time: 1000 //1秒关闭(如果不配置,默认是3秒) \}); return false; \} var senaleD = 1;//下拉框 var senaptD = 1;//输入框 var senaxtpD = 1; //选填输入框 $(id+" tbody tr").each(function(s)\{ if($(this).find('.st\_bs\_checkbox').find('input').is(':checked'))\{ $(this).children('td').each(function(s)\{ if($(this).hasClass('select\_mandatory') == true)\{ var namesD=$(this).find('option:selected').text(); if( namesD == '' || namesD == undefined )\{ $(this).find('.select2-selection--single').css('borderColor','\#fe7737'); senaleD = 2; \}else\{ $(this).find('.select2-selection--single').css('borderColor','\#c6c6c6'); \} \} if($(this).hasClass('input\_mandatory') == true)\{ if($(this).find('input').val() == '')\{ $(this).find('input').css('borderColor','\#fe7737'); senaptD = 2; \}else\{ $(this).find('input').css('borderColor','\#c6c6c6'); \} \} if($(this).hasClass('checkTig') == true)\{ senaxtpD++; \} \}); \} \}); if(senaleD == 1 && senaptD == 1 && senaxtpD == 1)\{ //var tableDataD = $(id).bootstrapTable(data);// 获取表格的所有内容行 return ChooseData(id,data); \}else\{ layer.msg('校验不通过!', \{ skin: 'stmsg-class', icon: 2, time: 1000 //2秒关闭(如果不配置,默认是3秒) \}); \} \} \} /\*自写 可编辑表格 下拉框校验 end\*/ /\*自写 可编辑表格 输入框 校验 start\*/ fieldCheck(); function fieldCheck()\{ $('.st\_tablebcg').on('keyup focus','.checkPhone input',function()\{ //电话 var vmobile=$(this).val(); var reg = /^1\[3|4|5|7|8\]\[0-9\]\{9\}$|^(\\d\{3,4\}-)\\d\{7,8\}$/; if(!reg.test(vmobile))\{ $(this).parent().addClass('checkTig'); $(this).css('borderColor','\#fe7737'); \}else\{ $(this).parent().removeClass('checkTig'); $(this).css('borderColor','\#c6c6c6'); \} if(vmobile == '')\{ $(this).parent().removeClass('checkTig'); $(this).css('borderColor','\#c6c6c6'); \} \}); $('.st\_tablebcg').on('keyup focus','.checkVdation input',function()\{ //只能输入正负数字及小数 var vmobile=$(this).val(); var reg = /^-|\[0-9\]+(\[.\]\[0-9\]+)\{0,1\}$/; if(!reg.test(vmobile))\{ $(this).parent().addClass('checkTig'); $(this).css('borderColor','\#fe7737'); \}else\{ $(this).parent().removeClass('checkTig'); $(this).css('borderColor','\#c6c6c6'); \} if(vmobile == '')\{ $(this).parent().removeClass('checkTig'); $(this).css('borderColor','\#c6c6c6'); \} \}); $('.st\_tablebcg').on('keyup focus','.checkChinese input',function()\{ //只能输入汉字 var vmobile=$(this).val(); var reg = /^\[\\u4e00-\\u9fa5\]\{0,\}$/; if(!reg.test(vmobile))\{ $(this).parent().addClass('checkTig'); $(this).css('borderColor','\#fe7737'); \}else\{ $(this).parent().removeClass('checkTig'); $(this).css('borderColor','\#c6c6c6'); \} if(vmobile == '')\{ $(this).parent().removeClass('checkTig'); $(this).css('borderColor','\#c6c6c6'); \} \}); $('.st\_tablebcg').on('keyup focus','.checkEmial input',function()\{ //Emial 邮箱 var vmobile=$(this).val(); var reg = /^\\w+(\[-+.\]\\w+)\*@\\w+(\[-.\]\\w+)\*\\.\\w+(\[-.\]\\w+)\*$/; if(!reg.test(vmobile))\{ $(this).parent().addClass('checkTig'); $(this).css('borderColor','\#fe7737'); \}else\{ $(this).parent().removeClass('checkTig'); $(this).css('borderColor','\#c6c6c6'); \} if(vmobile == '')\{ $(this).parent().removeClass('checkTig'); $(this).css('borderColor','\#c6c6c6'); \} \}); $('.st\_tablebcg').on('keyup focus','.checkEnglish input',function()\{ //数字或英文字母 var vmobile=$(this).val(); var reg = /^\[A-Za-z0-9\]+$/; if(!reg.test(vmobile))\{ $(this).parent().addClass('checkTig'); $(this).css('borderColor','\#fe7737'); \}else\{ $(this).parent().removeClass('checkTig'); $(this).css('borderColor','\#c6c6c6'); \} if(vmobile == '')\{ $(this).parent().removeClass('checkTig'); $(this).css('borderColor','\#c6c6c6'); \} \}); \} /\*自写 可编辑表格 输入框 校验 end\*/ /\*自写 可编辑表格 下拉框报红后的 校验 strat\*/ $('body').on('change','.st\_saveselct .select\_mandatory',function()\{ var sername = $(this).find('option:selected').text(); if(sername == '')\{ $(this).find('.select2-selection--single').css('borderColor','\#fe7737'); \}else\{ $(this).find('.select2-selection--single').css('borderColor','\#c6c6c6'); \} \}); /\*自写 可编辑表格 下拉框报红后的 校验 end\*/ /\*自写 编辑表格 总校验 end\*/ /\*自写 编辑表格 所有数据 start\*/ function AllThedata(id,data)\{ var numdata = $(id).bootstrapTable(data);// 获取表格的所有内容行 $.each(numdata, function(i,val) \{ var ei=i; $.each(numdata\[i\], function(i,val)\{ //console.log(i); $(id+' tbody').children('tr').eq(ei).each(function()\{ if($(this).find('.'+i).children('input').length > 0)\{ var val = $(this).find('.'+i).children('input').val(); numdata\[ei\]\[i\]=val; \} if($(this).find('.'+i).children('select').length > 0)\{ //var sele = $(this).find('.'+i).find('select option:selected').val(); //numdata\[ei\]\[i\]=sele; if($(this).find('.'+i).children('select').find('option').first().attr('code') !== undefined)\{ var selecode = $(this).find('.'+i).find('select option:selected').attr('code'); numdata\[ei\]\[i\]=selecode; \}else\{ var sele = $(this).find('.'+i).find('select option:selected').val(); numdata\[ei\]\[i\]=sele; \} \} if($(this).find('.'+i).children('input:checkbox').length > 0)\{ var valched = $(this).find('.'+i).children('input:checkbox').is(':checked'); numdata\[ei\]\[i\]=val; if(valched == true)\{ numdata\[ei\]\[i\]=1; \} if(valched == false)\{ numdata\[ei\]\[i\]=0; \} \} \}); \}); \}); return numdata; \} /\*自写 编辑表格 所有数据 end\*/ /\*自写 编辑表格 选择的数据 start\*/ function ChooseData(id,data)\{ var numdata = $(id).bootstrapTable(data);// 获取表格的所有内容行 $.each(numdata, function(i,val) \{ var ei=i; $.each(numdata\[i\], function(i,val)\{ var por; $(id+' tbody').children('tr').each(function()\{ if($(this).find('.st\_datanum').text() == numdata\[ei\].id)\{ por = $(this).index(); \} \}); $(id+' tbody').children('tr').eq(Number(por)).each(function()\{ var sthis = $(this); if(sthis.find('.'+i).children('input').length > 0)\{ var val = sthis.find('.'+i).children('input').val(); numdata\[ei\]\[i\]=val; \} if(sthis.find('.'+i).children('select').length > 0)\{ //var sele = sthis.find('.'+i).find('select option:selected').val(); //numdata\[ei\]\[i\]=sele; if(sthis.find('.'+i).children('select').find('option').first().attr('code') !== undefined)\{ var selecode = sthis.find('.'+i).find('select option:selected').attr('code'); numdata\[ei\]\[i\]=selecode; \}else\{ var sele = sthis.find('.'+i).find('select option:selected').val(); numdata\[ei\]\[i\]=sele; \} \} if(sthis.find('.'+i).children('input:checkbox').length > 0)\{ var valched = sthis.find('.'+i).children('input:checkbox').is(':checked'); numdata\[ei\]\[i\]=val; if(valched == true)\{ numdata\[ei\]\[i\]=1; \} if(valched == false)\{ numdata\[ei\]\[i\]=0; \} \} \}); \}); \}); //console.log(numdata); return numdata; \} /\*自写 编辑表格 选择的数据 end\*/ /\*自定义可编辑表格 生成tbody属性 start\*/ function TbodyAtrr(id)\{ if(id == undefined)\{ $('.st\_tablebcg').on('change','select',function()\{ if($('.st\_tablebcg').attr('banEvent') == 1 || $('.st\_tablebcg').attr('banEvent') == undefined)\{ var opiton = $(this).find('option:selected').val(); $(this).parents('tbody').attr($(this).attr('id'),opiton); \} \}); $('.st\_tablebcg').on('keyup blur','input',function()\{ var thiss=$(this); setTimeout(function()\{ var opit = thiss.val(); console.log(opit); thiss.parents('tbody').attr(thiss.attr('id'),opit); \},200); \}); $('.st\_tablebcg').on('keyup blur click','input:checkbox',function()\{ var thissed=$(this); setTimeout(function()\{ var opiched = thissed.is(':checked'); thissed.parents('tbody').attr(thissed.attr('id'),opiched); \},200); \}); \}else\{ $(id).on('change','select',function()\{ if($(id).attr('banEvent') == 1 || $(id).attr('banEvent') == undefined)\{ var opiton = $(this).find('option:selected').val(); $(this).parents('tbody').attr($(this).attr('id'),opiton); \} \}); $(id).on('keyup blur','input',function()\{ var thiss=$(this); setTimeout(function()\{ var opit = thiss.val(); console.log(opit); thiss.parents('tbody').attr(thiss.attr('id'),opit); \},200); \}); $('.st\_tablebcg').on('keyup blur click','input:checkbox',function()\{ var thissed=$(this); setTimeout(function()\{ var opiched = thissed.is(':checked'); thissed.parents('tbody').attr(thissed.attr('id'),opiched); \},200); \}); \} \} /\*自定义可编辑表格 生成tbody属性 end\*/ /\*根据tbody的属性回复值 start\*/ function bnDateValue(id,addid)\{ $(id).attr('banEvent',2); setTimeout(function()\{ $(id+' td').each(function()\{ if($(this).children('select').length > 0)\{ if($(this).children('select').attr('id') !== undefined)\{ var datavasel = $(this).children('select').attr('id'); if($(this).parents('tbody').attr(datavasel) !== undefined)\{ var value = $(this).parents('tbody').attr(datavasel); $("\#"+datavasel).select2('val',value); \} \} \} if($(this).children('input').length > 0)\{ if($(this).children('input').attr('id') !== undefined)\{ var datavainp = $(this).children('input').attr('id'); if($(this).parents('tbody').attr(datavainp) !== undefined)\{ var valuesd = $(this).parents('tbody').attr(datavainp); $("\#"+datavainp).val(valuesd); \} \} \} if($(this).children('input:checkbox').length > 0)\{ if($(this).children('input:checkbox').attr('id') !== undefined)\{ var dataed = $(this).children('input:checkbox').attr('id'); if($(this).parents('tbody').attr(dataed) !== undefined)\{ if($(this).parents('tbody').attr(dataed) == 'true')\{ $("\#"+dataed).attr('checked',true); \} if($(this).parents('tbody').attr(dataed) == 'false')\{ $("\#"+dataed).attr('checked',false); \} \} \} \} \}); $(addid).attr('disabled',false); \},200); \} /\*根据tbody的属性回复值 end\*/ /\*固定列 bug start\*/ function fixedAlist(id)\{ setTimeout(function()\{ var ere = Number($(id).attr('data-fixel')); if(ere > 3)\{ ere--; $(id).find('.st\_tharrow').find('.both').trigger('click'); $(id).attr('data-fixel',ere); console.log('///'); \} $('.fixed-table-body-columns,.fixed-table-header-columns').find('.JCLRgrips').remove(); $('.fixed-table-body-columns').css('top',$(id).children('thead').height()); $('.fixed-table-body-columns').css('height',$('.fixed-table-body-columns .st\_tablebcg').css('height')); \},500); \} /\*固定列 bug end\*/ /\*自定义按钮 固定列的bug start\*/ function fixEDcolumn(id)\{ $(id).attr('data-fixel',4) var six = $(id).parent().parent().children('.fixed-table-body-columns').length; if(six > 1)\{ $(id).parent().parent().children('.fixed-table-body-columns').first().remove(); $(id).parent().parent().children('.fixed-table-header-columns').first().remove(); \} \} /\*自定义按钮 固定列的bug end\*/ /\*向下合并列rowspan start\*/ function wnMergeColumn(id)\{ $(id+'>tbody>tr>td').each(function()\{ if($(this).hasClass('st\_rowspan') == true)\{ var span = 0; var rowan = $(this).index(); $(id+'>tbody>tr').each(function()\{ var topxt = $(this).children('td').eq(rowan).text(); var lastxt = $(id+'>tbody>tr').eq($(this).index()+1).children('td').eq(rowan).text(); if(topxt === lastxt)\{ span++; $(id+'>tbody>tr').eq($(this).index()+1).children('td').eq(rowan).hide(); $(id+'>tbody>tr').eq($(this).index()+1-span).children('td').eq(rowan).attr('rowspan',span+1); \}else\{ span = 0; \} \}); \} \}); \} /\*向下合并列rowspan end\*/ /\*在固定列 中 有复选框功能 start\*/ function xeDumnBox(id)\{ $('body').on('click','.st\_tablebcg input',function()\{ if($(this).parents('tbody').length > 0)\{ if($(this).is(':checked') == true)\{ $(this).parents('tr').addClass('selectname'); \}else\{ $(this).parents('tr').removeClass('selectname'); \} var boindex = $(this).parents('td').index();//td var trindex = $(this).parents('tr').index();//tr var leindex = $(this).parents('tbody').children('tr').length;//length var chox = 0; $(this).parents('.fixed-table-body-columns').siblings('.fixed-table-body').children('table').children('tbody').children('tr').eq(trindex).children('td').eq(boindex).find('input').trigger('click'); if($(this).parents('.fixed-table-body-columns').siblings('.fixed-table-header-columns').children('table').children('thead').children('tr').children('th').eq(boindex).find('input').length > 0)\{ $(this).parents('.fixed-table-body-columns').children('table').children('tbody').children('tr').each(function()\{ if($(this).children('td').eq(boindex).find('input').is(':checked') == true)\{ chox++; \}else\{ chox--; \} \}); if(chox == leindex)\{ $(this).parents('.fixed-table-body-columns').siblings('.fixed-table-header-columns').children('table').children('thead').children('tr').children('th').eq(boindex).find('input').prop('checked',true); \}else\{ $(this).parents('.fixed-table-body-columns').siblings('.fixed-table-header-columns').children('table').children('thead').children('tr').children('th').eq(boindex).find('input').prop('checked',false); \} \} \} if($(this).parents('thead').length > 0)\{ var index = $(this).parents('th').index(); $(this).parents('.fixed-table-header-columns').siblings('.fixed-table-body').children('table').children('thead').children('tr').children('th').eq(index).find('input').trigger('click'); if($(this).is(':checked') == true)\{ $(this).parents('.fixed-table-header-columns').siblings('.fixed-table-body-columns').children('table').children('tbody').children('tr').each(function()\{ $(this).children('td').eq(index).find('input').prop('checked',true); \}); \}else\{ $(this).parents('.fixed-table-header-columns').siblings('.fixed-table-body-columns').children('table').children('tbody').children('tr').each(function()\{ $(this).children('td').eq(index).find('input').prop('checked',false); \}); \} \} \}); \} /\*在固定列 中 有复选框功能 end\*/ /\*编辑表格中有时间的时候,点击头部表单查询 表单时间input还原 start\*/ function formattrmit(id)\{ $(id).find('input').each(function()\{ if($(this).hasClass('layerNdata') == true)\{ var nameid = $(this).attr('id'); var nameval = $(this).val(); $(id).attr('po'+nameid,nameval); \} \}); \} function famerstime(id)\{ setTimeout(function()\{ $(id).find('input').each(function()\{ if($(this).hasClass('layerNdata') == true)\{ var nameid = $(this).attr('id'); if($(id).attr('po'+nameid) !== undefined)\{ var atname = $(id).attr('po'+nameid); $('\#'+nameid).val(atname); console.log(atname); \} \} \}); \},500) \} /\*编辑表格中有时间的时候,点击头部表单查询 表单时间input还原 end\*/
相关 MyBatis整合A.CTable自动建表 实测ACTable能试别到Mybatis-Plus的相关注解,所以如果原项目已经整合的Mybatis-Plus,是不需要在实体类上额外加注解就能自动建表的(如@Table... 不念不忘少年蓝@/ 2024年04月23日 21:15/ 0 赞/ 68 阅读
还没有评论,来说两句吧...