echarts+thinkphp+sql實現的篩選時間，分組，對應在日曆中顯示該月份的對應天數巡查次數。

阿新 • • 發佈：2019-01-23

Array.prototype.unique = function(){ this.sort(); //先排序 var res = [this[0]]; for(var i = 1; i < this.length; i++){ if(this[i] !== res[res.length - 1]){ res.push(this[i]); } } return

res; } var leixin = null; var s_year = (new Date()).getFullYear(); var s_month = (new Date()).getMonth()+1; var s_groupid= -1; var thisyear=null; var thismonth=null; var mydate=new Date(); thisyear=s_year; thismonth=s_month; var

thisday=mydate.getDate(); var mydate1=new Date(); var thisyear1=mydate1.getFullYear(); var thismonth1=mydate1.getMonth()+1; var thisday1=mydate1.getDate(); var selectday=thisday; //標記日期 var indate=thisday; //入住日期 var inmonth=thismonth; //入住月份

var outdate=thisday+1; //退房日期 var outmonth=thismonth; //退房月份 var datetxt="datetoday"; var datefirst; var datesecond; var year_bool = false; var group_bool = false; /** * 建立前十年 * */ function getYears(){ var date = new Date(); var noewYear = date.getFullYear(); var mm = []; for(var i = 0 ; i < 10; i++){ var newyear = noewYear - i; var mp = { "id":i, "text":newyear } mm.push(mp); } $("#select_year").combobox({ data:mm, onSelect:function(record){ year_bool = true; group_bool = false; s_year = record.text; if(s_groupid==-1){ getYearData(s_year); thisyear = s_year }else{ $('#group').combobox('setValue','-1'); getYearData(s_year); thisyear = s_year } }, valueField:'id', textField:'text' }); } /** * 建立OPtion * @param value * @returns {*} */ function createSOption(value) { var option = document.createElement("option"); option.value = value; option.innerHTML = value; return option; } function getYearData(year){ $.getJSON("__URL__/getDataFromYear_data",{"year":year},function(result){ var res = eval(result); var sum=0; for(var i=1;i<=res.length;i++){ sum+=res[i-1]; } $('#group_number').text("總巡查頻數"+sum+"次"); var data_number = res; var M_json = ["12","11","10","09","08","07","06","05","04","03","02","01"]; var option = createFutureOptionAll(M_json,data_number); leixin.setOption(option); }) } function setTdValue(k,kv){ $("#data_table tbody td").each(function(){ var tb_v= this.innerHTML; if(k==tb_v){ this.innerHTML = tb_v+"<span style='color: red; position: absolute; right: 0px;top: 0;color: #fff; height: 30px; width: 30px; display: block; line-height: 30px; text-align: ce nter; border-radius: 100px; background: #ff9900; font-size: 18px;'>"+kv+"</span>"; } }) } function getCount(arr,str){ var str_count = 0; for(var i = 0; i <arr.length; i++) { if (arr[i] == str) { str_count = str_count + 1; } } return str_count; } function string2date(str){ return new Date(Date.parse(str.replace(/-/g, "/"))); } function convertDateFromString(dateString) { if (dateString) { var arr1 = dateString.split(" "); var sdate = arr1[0].split('-'); var date = new Date(sdate[0], sdate[1]-1, sdate[2]); return date; } } $(function(){ year_bool = true; group_bool = false; initeMyData(); leixin = echarts.init(document.getElementById('main')); //初始化年 getYears(); //獲取寬度 var width = parseInt($('#tyb-shuju').get(0).offsetWidth); //將寬度賦值給檢視 document.getElementById('main').style.width = width; $('#group').combobox({ url:'__URL__/group', valueField:'id', textField:'text', }); $("#group").combobox({ onSelect: function () { group_bool = true; year_bool = false; s_groupid = $('#group').combobox('getValue'); if(s_groupid==-1){ getYearData(s_year); }else{ $.getJSON("__URL__/getDataFromYear_group",{"groupid":s_groupid,"year":s_year},function(result){ var res = eval(result); var sum=0; for(var i=1;i<=res.length;i++){ sum+=res[i-1]; } $('#group_number').text("該組本年巡查頻數"+sum+"次"); var data_number = res; var M_json = ["12","11","10","09","08","07","06","05","04","03","02","01"]; var option = createFutureOptionAll(M_json,data_number.reverse(data_number)); leixin.setOption(option); }) } } }); getYearData((new Date()).getFullYear()); clickRightCaladar(); $('#group').combobox("setValue","-1"); leixin.on('click', function (params) { var month = params.name; s_month = parseInt(month); jQuery(".selectdate").val(s_year+"年"+s_month+"月"); thisyear = s_year; thismonth = s_month; var groupid = $('#group').combobox('getValue'); initdata(); if(year_bool){ $.getJSON("__URL__/getDataFromYearAndMonth",{"year":s_year,"month":month,"groupid":groupid},function(result){ var res = eval(result); var date_all = []; for(var i =0 ;i < res.length; i ++){ var row_date = convertDateFromString(res[i]["uploaddate"]); date_all.push(row_date.getDate()); } var uniq_arr = date_all.unique(); var last_arr = []; for(var j = 0 ; j < uniq_arr.length; j++){ var mp = { "date":uniq_arr[j], "num":getCount(date_all,uniq_arr[j]) } last_arr.push(mp); } for(var x = 0 ;x< last_arr.length; x++ ){ var r = last_arr[x]; setTdValue(r['date'], r["num"]); } }) } if(group_bool){ $.getJSON("__URL__/getDataFromYearAndMonth",{"year":s_year,"month":month,"groupid":groupid},function(result){ var res = eval(result); var date_all = []; for(var i =0 ;i < res.length; i ++){ var row_date = convertDateFromString(res[i]["uploaddate"]); date_all.push(row_date.getDate()); } var uniq_arr = date_all.unique(); var last_arr = []; for(var j = 0 ; j < uniq_arr.length; j++){ var mp = { "date":uniq_arr[j], "num":getCount(date_all,uniq_arr[j]) } last_arr.push(mp); } for(var x = 0 ;x< last_arr.length; x++ ){ var r = last_arr[x]; setTdValue(r['date'], r["num"]); } }) } }); //設定點選事件 }); function initeMyData() { jQuery(".selectdate").val(s_year + "年" + s_month + "月"); s_month = parseInt(s_month); s_month = s_month < 10 ? "0" + s_month : s_month; thisyear = s_year; thismonth = s_month; initdata(); $.getJSON("__URL__/getDataFromYearAndMonth", { "year": s_year, "month": s_month, "groupid": "-1" }, function (result) { var res = eval(result); var date_all = []; for (var i = 0; i < res.length; i++) { var row_date = convertDateFromString(res[i]["uploaddate"]); date_all.push(row_date.getDate()); } var uniq_arr = date_all.unique(); var last_arr = []; for (var j = 0; j < uniq_arr.length; j++) { var mp = { "date": uniq_arr[j], "num": getCount(date_all, uniq_arr[j]) } last_arr.push(mp); } for (var x = 0; x < last_arr.length; x++) { var r = last_arr[x]; setTdValue(r['date'], r["num"]); } }) } function orderabledate(thisyear,thismonth,thisday){ //能預訂的日期 if(thisyear<thisyear1){ jQuery(".data_table tbody td").addClass("orderdate"); jQuery(".data_table tbody td").removeClass("usedate"); }else if(thisyear==thisyear1){ if(thismonth<thismonth1){ jQuery(".data_table tbody td").addClass("orderdate"); jQuery(".data_table tbody td").removeClass("usedate"); }else if(thismonth==thismonth1){ for(var j=0;j<6;j++){ for(var i=0;i<7;i++){ var tdhtml=jQuery(".data_table tbody tr").eq(j).find("td").eq(i).html(); if(tdhtml<thisday){ jQuery(".data_table tbody tr").eq(j).find("td").eq(i).addClass("orderdate"); jQuery(".data_table tbody tr").eq(j).find("td").eq(i).removeClass("usedate"); }else{ jQuery(".data_table tbody tr").eq(j).find("td").eq(i).removeClass("orderdate"); } } } }else{ jQuery(".data_table tbody td").removeClass("orderdate"); } }else{ jQuery(".data_table tbody td").removeClass("orderdate"); } } function markdate(thisyear,thismonth,thisday){ //標記日期 var datetxt=thisyear+"年"+thismonth+"月"; var thisdatetxt=thisyear1+"年"+thismonth1+"月"; jQuery(".data_table td").removeClass("tdselect"); if(datetxt==thisdatetxt){ for(var j=0;j<6;j++){ for(var i=0;i<7;i++){ var tdhtml=jQuery(".data_table tbody tr").eq(j).find("td").eq(i).html(); if(tdhtml==thisday){ jQuery(".data_table tbody tr").eq(j).find("td").eq(i).addClass("tdselect"); } } } } } function initdata(){ //日期初始填充 var tdheight=jQuery(".data_table tbody tr").eq(0).find("td").height(); jQuery(".data_table tbody td").css("height",tdheight); jQuery(".selectdate").val(thisyear+"年"+thismonth+"月"); var days=getdaysinonemonth(thisyear,thismonth); var weekday=getfirstday(thisyear,thismonth); setcalender(days,weekday); markdate(thisyear,thismonth,selectday); orderabledate(thisyear,thismonth,thisday); } function getdaysinonemonth(year,month){ //算某個月的總天數 month=parseInt(month,10); var d=new Date(year,month,0); return d.getDate(); } function getfirstday(year,month){ //算某個月的第一天是星期幾 month=month-1; var d=new Date(year,month,1); return d.getDay(); } function setcalender(days,weekday){ //往日曆中填入日期 var a=1; for(var j=0;j<6;j++){ for(var i=0;i<7;i++){ if(j==0&&i<weekday){ jQuery(".data_table tbody tr").eq(0).find("td").eq(i).html(""); jQuery(".data_table tbody tr").eq(0).find("td").eq(i).removeClass("usedate"); }else{ if(a<=days){ jQuery(".data_table tbody tr").eq(j).find("td").eq(i).html(a); jQuery(".data_table tbody tr").eq(j).find("td").eq(i).addClass("usedate"); a++; }else{ jQuery(".data_table tbody tr").eq(j).find("td").eq(i).html(""); jQuery(".data_table tbody tr").eq(j).find("td").eq(i).removeClass("usedate"); a=days+1; } } } } } function errorreset(){ //日期報錯後，資料重置 thisyear=thisyear1; thismonth=thismonth1; thisday=thisday1; selectday=thisday1; indate=thisday1; inmonth=thismonth1; outdate=thisday1+1; outmonth=thismonth1; initdata(); } function clickRightCaladar(){ initdata(); jQuery(".datetoday").val(thisyear+"-"+thismonth+"-"+thisday); jQuery(".dateendday").val(thisyear+"-"+thismonth+"-"+(thisday+1)); jQuery(".data_table tbody td").live("click",function(){ //點選日期的效果 var thishtml=parseInt(jQuery(this).html()); jQuery(".data_table td").removeClass("tdselect"); jQuery(this).addClass("tdselect"); selectday=thishtml; if(datetxt=="datetoday"){ jQuery(".datetoday").val(thisyear+"-"+thismonth+"-"+selectday); indate=selectday; inmonth=thismonth; }else{ jQuery(".dateendday").val(thisyear+"-"+thismonth+"-"+selectday); outdate=selectday; outmonth=thismonth; if(outmonth<inmonth){ alert("日期填寫錯誤"); jQuery(".datetoday").val(thisyear1+"-"+thismonth1+"-"+thisday1); jQuery(".dateendday").val(thisyear1+"-"+thismonth1+"-"+(thisday1+1)); errorreset(); }else if(outmonth==inmonth){ if(outdate<=indate){ alert("日期填寫錯誤"); jQuery(".datetoday").val(thisyear1+"-"+thismonth1+"-"+thisday1); jQuery(".dateendday").val(thisyear1+"-"+thismonth1+"-"+(thisday1+1)); errorreset(); } } } }); jQuery(".datetoday").click(function(){ //選擇入住日期 datetxt="datetoday"; jQuery(".datetext").removeClass("inputdate"); jQuery(this).addClass("inputdate"); }); jQuery(".lastmonth").click(function(){ //上一個月 thismonth--; if(thismonth==0){ thismonth=12; thisyear--; } initdata(); }); jQuery(".nextmonth").click(function(){ //上一個月 thismonth++; if(thismonth==13){ thismonth=1; thisyear++; } initdata(); }); jQuery(".btsure").click(function(){ //確定日期 var start = new Date($(".datetoday").val()); var end = new Date($(".dateendday").val()); var diff = parseInt((end - start) / (1000*3600*24)); jQuery(".bookdate").html(inmonth+"月"+indate+"日至"+outmonth+"月"+outdate+"日("+diff+")晚") }); jQuery(".caltline1").toggle( function(){ //jQuery(".caltline2").slideDown(500); jQuery(".calender").fadeIn(500); errorreset(); jQuery(".caltline1").find("img").attr("src","images/iconpointup.png"); }, function(){ //jQuery(".caltline2").slideUp(500); jQuery(".calender").fadeOut(500); jQuery(".caltline1").find("img").attr("src","images/iconpoint.png"); } ); } function createFutureOptionAll(M_json,data_number){ // 基於準備好的dom，初始化echarts例項 var option = { tooltip : { trigger: 'axis', axisPointer : { // 座標軸指示器，座標軸觸發有效 type : 'shadow' // 預設為直線，可選為：'line' | 'shadow' } }, // color:['#f8b22f','#eb3524','#88d431','#00f'], color:['#3398db'], legend: { data: [''] }, grid: { left: '3%', right: '4%', bottom: '3%', containLabel: true }, xAxis: { type: 'value' }, yAxis: { type: 'category', data: M_json, }, series: [ { name: '日常巡查頻次統計', type: 'bar', stack: '總量', label: { normal: { show: true, position: 'insideRight' } }, data: data_number }, ] }; return option; } var myCalendar = new SimpleCalendar('#calendar');

echarts+thinkphp+sql實現的篩選時間，分組，對應在日曆中顯示該月份的對應天數巡查次數。

Array.prototype.unique = function(){ this.sort(); //先排序 var res = [this[0]]; for(var i = 1; i < this.lengt

SQL 兩個欄位分組，其中一個欄位的不同情形，分類並計算數量

查詢結果： SQL:select `dateTime`, sum(`result`=(case when result='勝' then '勝' end)) as '勝', sum(`result`=(case when result='負' then '負'

SQL基礎整理（三）關於聚合函式，分組，排序

一.關於聚合函式首先常用的聚合函式有count，sum，avg，max，min 這些函式的功能不再贅述，只是有一些需要注意的地方注意事項：除了count(*)是對所有行進行統計之外，其餘的聚合函式再以列名做引數時，會把該列為NULL的排除在外，不會參與到計算當中

MySQL—增刪改查，分組，連表，limit，union，alter，排序，去重

MySQL增刪改查在表格的增刪改查中，查的內容是最多的，包括group by ，join，limit，union，alter，排序都是服務於查的 #sql語句資料行操作補充 #增加： #insert into table_name(欄位1，欄位2)

原來資料庫中的模糊查詢，分組，聯合查詢是這麼使用的（詳解）

1 模糊查詢 like關鍵字萬用字元 % 任意長度的任意字串 _ 代表任意一個字元 [1-6] 代表1到6之間的一個字元 [^0-5] 代表不是0到5之間的一個字元 between 值1 and 值2 select * from 表名 where 列

C#：List陣列的排序，分組，按條件去重複

1.陣列元素 MyPoint.cs using System; namespace WindowsFormsApp21 { class MyPoint : IComparable<MyPoint> { public int X {

編寫一個程式，實現從命令列引數輸入一字串，統計該字串中字元輸入字元的出現的次數。

package pro1214test; import java.util.Scanner; public class eCiShu { public static void main(String[] args) { Scanner s = new Scanner(System.

List轉為Map，分組，過濾，求和等操作

轉：https://www.cnblogs.com/yangweiqiang/p/6934671.html 利用java8新特性，可以用簡潔高效的程式碼來實現一些資料處理~ 定義1個Apple物件： public class Apple { private Integer i

python指令碼實現給定標註bbox,landmark在原圖中顯示人臉框，人臉關鍵點

程式功能簡介：利用給定的標註bbox,landmark在原圖中顯示人臉框，人臉關鍵點：給定標註txt檔案資料格式，如下圖所示： lfw_5590\Aaron_Eckhart_0001.jpg

【SQL】IDENTITY_INSERT 設定為 OFF 時，不能為表 '***' 中的標識列插入顯式值。

【前言】今天在處理牛腩新增新聞資料時，將其中一天記錄複製為INsert 語句，在執行語句是報錯如下：【解決方案】在執行插入語句前，首先執行 -允許將顯式值插入表的標識列中 ON-允許 off - 不允許 SET IDENTITY_INS

VS2010 RDLC報表製作詳解，分組，空白頁，合計，資料集，引數，頁數

1.新增資料集 2.在資料集中新增資料表和對應的欄位 3.新增RDLC報表 3.製作報表 A)右件新增頁首，頁首和頁尾，（頁首和頁尾會在每一頁顯示）； B)新增報表引數（快捷鍵 ctrl+Alt+D 或者檢視-》報表資料） C)對錶裡的組進行強制分頁, 1. 工具

Oracle笛卡爾積，分組，多表連線

一 oracle的單行函式轉換函式 to_date(日期字串,日期格式) 字串的格式必須由第二個引數來判斷日期格式：年 yyyy，

Linq 求和，求平均值，求最大，求最小，分組，計數

1.簡單形式： var q = from p in db.Products group p by p.CategoryID into g select g; 語句描述：使用Group By按CategoryID劃分產品。說明：from p in db.Products 表示從表

Gym - 101002H： Jewel Thief （背包，分組，DP決策單調性）

-s flow color row display left clas xmlns 決策 pro：給定N，M。輸入N個物品，(si,vi)表示第i個物品體積為si，價值為vi，s<=300,vi<=1e9； N<1e6；現在要求，對於背包體積為1到M時，求

SqlServer2012——Select，分組，排序、插入

開頭插入數據建表 null inf res 相同 ons code 1、select 簡單語句 --select語句 select 12*13 --select子句 select 12*13 AS result --select子句，可以將結果保存在r

在ActionBar中，即便設定showAsAction="always"，items仍然在overflow中顯示的問題

明明設定了android:showAsAction="always"，但是所有的items全部都顯示在overflow中，然後在官網發現了答案。如果你為了相容 Android 2.1 的版本使用了 Support 庫，在 android 名稱空間下showAsActio

寫出一個程式，接受一個由字母和數字組成的字串，和一個字元，然後輸出輸入字串中含有該字元的個數。不區分大小寫。

輸入描述:輸入一個有字母和數字以及空格組成的字串，和一個字元。輸出描述:輸出輸入字串中含有該字元的個數。 #include <string> #include <iostream> using namespace std; int main

CSDN日報20170325——《一篇文章教會你，如何做到招聘要求中的“要有紮實的Java基礎”。》

其實很多人對於公司的招聘要求中寫的，要有“紮實的Java基礎”，都很迷茫。這特麼到底啥意思？什麼東西算作Java基礎？學到什麼程度才算紮實？這些問題的答案，LZ已經

Visual Studio建立自己的.dll檔案，並且在其它專案中使用該.dll檔案

1.簡介看了一些程式碼，發現直接用類名.方法名就呼叫了方法，但是點進方法檢視，卻發現沒有方法體，但是功能卻有，很奇怪。後來才知道是在專案中添加了自己.dll檔案的引用，然後再程式碼中引入了名稱空間，然後直接可以呼叫了。具體操作如下。 2.首先用 Visual Studio建立一個類庫

華為計算字元個數寫出一個程式，接受一個有字母和數字以及空格組成的字串，和一個字元，然後輸出輸入字串中含有該字元的個數。不區分大小寫。

寫出一個程式，接受一個有字母和數字以及空格組成的字串，和一個字元，然後輸出輸入字串中含有該字元的個數。不區分大小寫。自己編寫的一個程式，聽牛客網的左神說程式設計也跟高考一樣要不斷地刷題才會有感覺，自