pulic——功能性(自己写完测试的)
一、
- 构建一个数组【“00:00”,"00:05"..."23:55"】的数组
function buildAxis(){
var ary=[];
ary.push("00:00");
var start = Date.UTC(2017,1,1,-8,0,0);
for(var i=0;i<288;i++){
start += 1000*60*5;//(5分钟的毫秒数)
var _date=new Date(start);
var Hours=cal(_date.getHours());
var Minutes=cal(_date.getMinutes());
ary.push(Hours+":"+Minutes);
}
ary.pop();
return ary;
}
function cal(o){
if(o<10&&String(o).length==1){
return "0"+o;
}else{
return o;
}
} - 根据输入的年月份（2017-09），返回月份每一天的数组 【“2017-09-01*******2017-09-30”】注意天数
/**
* @desc 根据月份得出当前日月年天数的数组【2018-06-01,2018-06-02...2018-06-30】。
* @param str
* @return {Array} arr
*/
function getCountDays(str) {
var year=str.substr(0,4);
var month=str.substr(-2);
var curDate = new Date(year,month,0);//如果是0返回最后一天 /* 返回当月的天数 */
var day= curDate.getDate();
var dayArr=[];
for (var k = 1; k <=day; k++){
dayArr.push(str.substr(0,4)+"-"+str.substr(-2)+"-"+add0(k)); }
return dayArr;
}
function add0(o){
if(o<10&&String(o).length==1){
return "0"+o;
}else{
return o;
}
}
var str="2017-06";
var arr=getCountDays(str);
console.log(arr);//["2017-06-01","2017-06-02","2017-06-03"..."2017-06-30"]
附加实例，$.grep筛选
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=SLrOIdVUUI5fbvsZTMqTFshsG993NBAG"></script>
<title>地图展示</title>
<style type="text/css">
img { width: 150px !important;}
</style>
</head>
<body>
</body>
</html>
<script type="text/javascript" src="js/jquery-1.11.3.js"></script>
<script type="text/javascript">
//原数组
var rowData=[
{date:'2017-09-18',fzlMax:0.18,fzlMin:0.12},
{date:'2017-09-20',fzlMax:0.25,fzlMin:0.2},
{date:'2017-09-19',fzlMax:0.22,fzlMin:0.12}
]
//需要的数组格式
var series=[
{
name:'最大负载',
type:"line",
data:[]
},{
name:'最小负载',
type:"line",
data:[]
}
]
//第一步：组成每一天的大数组 dateArr ["2017-09-01"****"2017-09-31"]
window.onload=function(){
var str="2017-09";
var dateArr=getCountDays(str);
//第二部：循环数组
for(var j=0;j<dateArr.length;j++){
var ary=$.grep(rowData,function(n,dIndex){
return (n.date==dateArr[j]);
})
if(ary.length>0){
series[0].data.push(ary[0].fzlMax);
series[1].data.push(ary[0].fzlMin);
}else{
series[0].data.push("-");
series[1].data.push("-");
}
}
console.log(series);
} function add0(o){
if(o<10&&String(o).length==1){
return "0"+o;
}else{
return o;
}
}
function getCountDays(str) {
var year=str.substr(0,4);
var month=str.substr(-2);
var curDate = new Date(year,month,0);//如果是0返回最后一天
/* 返回当月的天数 */
var day= curDate.getDate();
var dayArr=[];
for (var k = 1; k <=day; k++) {
dayArr.push(str.substr(0,4)+"-"+str.substr(-2)+"-"+add0(k));
}
return dayArr;
} </script>
- 两个数组相除
Number.prototype.toMyFixed=function(){
try{
if(Math.abs(this)>1000){
return parseFloat(this.toFixed(0),10);
}else if(Math.abs(this)<1){
return parseFloat(this.toFixed(4),10);
}else{
return parseFloat(this.toFixed(2),10);
}
}catch(e){
return this;
}
}
var arr1=[2,4,6];
var arr2=[1,2,3];
alert(calc(arr1,arr2));
//[2,2,2];两个数组相除
function calc(arr1,arr2){
var arr=[];
for(var i=0;i<arr1.length;i++){
var val=devided(arr1[i],arr2[i]);
arr.push(val);
}
return arr;
}
function devided(topNum,botNum){
if(isNaN(topNum)||isNaN(botNum)||parseFloat(botNum)==0){
return "-";
}else{
return Number(topNum/botNum).toMyFixed();
}
}
3.数组求和
/**
* @desc 对一个数组进行求和。
* @param 数组
* @return {string} sum
*/
function arrSum(arr){
if(!arr||arr.length===0){
return 0;
}
var sum=arr.reduce(function(x,y){
x=isNaN(x)?0:x;
y=isNaN(y)?0:y;
return Number(parseFloat(x)+parseFloat(y)).toFixed(2);
},0)
return sum;
}
4.将样式字符串改成对象 2019/06/12 组态中按钮样式合并用到
var style="width:100px;height:200px;border:1px solid red;border-radius:8px 10px 2px 5px";
console.log(styleToObject(style));//{width:100px,height:200px,border:1px solid red,border-radius:8px 10px 2px 5px}
/**把样式字符串样式转化为{}
*@param style:样式字符串
**/
function styleToObject(style) {
let styleObject = {} if (style && style != '' && style !== 'null') {
const len = style.length
styleObject = style.charAt(len - 1) === ';' ? '{' + style + '}' : '{' + style + ';}' // 统一样式后面以";"结束 // 将字符串转化为json标准字符串
styleObject = styleObject.replace(/{/g, '{\"')
styleObject = styleObject.replace(/:/g, '\":\"')
styleObject = styleObject.replace(/;/g, '\",\"')
styleObject = styleObject.replace(/,"}/g, '}') // 将json标准字符串转化为{}对象
styleObject = JSON.parse(styleObject)
}
return styleObject
}
pulic——功能性(自己写完测试的)的更多相关文章
- 不写完不让回家的JQuery的事件与动画
在这看不见太阳的小黑屋里,苦逼的一天又开始了 好了闲话我也就不扯了,接下来我就来说说我对jQuery事件和动画的理解吧!!! 还是得再扯两句,我们敬爱的,Y老师讲完了,jQuery事件和动画,对着我们 ...
- 刚写完的商城erp + 这个商城前台，新鲜出炉。自己1个人写, 包括php框架和前端html页面.
刚写完的商城erp + 这个商城前台,新鲜出炉.自己1个人写, 包括php框架和前端html页面. 刚写完的商城erp + 这个商城前台,新鲜出炉.自己1个人写, 包括php框架和前端html页面.
- Java基础-继承-编写一个Java应用程序，设计一个汽车类Vehicle，包含的属性有车轮个数 wheels和车重weight。小车类Car是Vehicle的子类，其中包含的属性有载人数 loader。卡车类Truck是Car类的子类，其中包含的属性有载重量payload。每个 类都有构造方法和输出相关数据的方法。最后，写一个测试类来测试这些类的功 能。
#29．编写一个Java应用程序,设计一个汽车类Vehicle,包含的属性有车轮个数 wheels和车重weight.小车类Car是Vehicle的子类,其中包含的属性有载人数 loader.卡车类T ...
- Scrum：The Definition of Done —— 作业有没有写完呢？
Scrum:The Definition of Done -- 作业有没有写完呢?_苗得雨_新浪博客 http://blog.sina.com.cn/s/blog_59450ffc0102eiai.h ...
- HDU 4640 状态压缩DP 未写完
原题链接:http://acm.hdu.edu.cn/showproblem.php?pid=4640 解题思路: 首先用一个简单的2^n*n的dp可以求出一个人访问一个给定状态的最小花费,因为这i个 ...
- 用putty玩linux的时候由于以前用window 习惯写完东西按一下ctrl+s 保存
问题描述:用putty玩linux的时候由于以前用window 习惯写完东西按一下ctrl+s 保存,但是在putty一按下就不能再输入了.后来查找到:ctrl+s 是putty的一个命令大概是这样子 ...
- Word 双栏排版最后多一页空白页删不掉、左栏文字没写完就到右栏了
1. 问题 问题:Word双栏排版,最后多一页空白页,删不掉.如图: 原因分析:删不掉是因为末尾文字处其实有个下一页分节符,只不过可能看不到. 如何清晰的看到? 视图 > 大纲,就可以看到了.如 ...
- Linux安装Oracle 11G过程（测试未写完）
一.简介 Oracle数据库在系统运维中的重要性不言而喻,通过熟悉Oracle的安装来加深对操作系统和数据库知识的了解.Linux安装Oracle前期修改linux内核参数很重要,其实就是linux下 ...
- LINUX下多路径的介绍和安装配置（测试未写完）
一.什么是多路径 普通的电脑主机都是一个硬盘挂接到一个总线上,这里是一对一的关系.而到了有光纤组成的SAN环境,或者由iSCSI组成的IPSAN环境,由于主机和存储通过了光纤交换机或者多块网卡及IP来 ...
随机推荐
- 中介者（Mediator）模式
中介者(Mediator)模式:用一个中介对象来封装一系列的对象交互,中介者使各个对象不需要显示的相互引用,从而使得耦合松散,而且可以独立的改变他们之间的交互 了解<迪米特法则>的朋友就知 ...
- C语言编程学习开发的俄罗斯方块小游戏
C语言是面向过程的,而C++是面向对象的 C和C++的区别: C是一个结构化语言,它的重点在于算法和数据结构.C程序的设计首要考虑的是如何通过一个过程,对输入(或环境条件)进行运算处理得到输出(或实现 ...
- .NET&C#的异常处理
应用程序未捕获异常的处理 处理未捕获的异常是每个应用程序起码有的功能 无论是Windows窗体程序还是WPF程序,我们都看到捕获的异常当中分为"窗体线程异常"和"非窗体线 ...
- EXCEL vlookup和small 综合运用
表数据如下: 如何通过EXCEL函数把 “谁拥有错误的代码” 的名称列出来,数组公式如下: =IFERROR(INDIRECT("A"& IFERROR(SMALL(IF( ...
- php 递归求得目录大小
/* * 递归求得目录大小 * @param $dir 目录 */ function dirsize($dir){ $allsize = 0; $handle = opendir($dir); whi ...
- PHP+JQuery实现ajax跨域
jQuery实现ajax跨域 1.dataType:'jsonp'2.type: 'get'3.把要传的参数以url方式传出去 url:'http://gameapi.feiliu.com/lqzg ...
- Google的C++代码规范
英文版:http://google-styleguide.googlecode.com/svn/trunk/cppguide.xml 中文版:http://zh-google-styleguide ...
- 设置使用的python版本
一.查看当前使用的python版本,或设置使用的python版本 二.python2中默认使用ASCII码,无法识别中文,报错如图,解决办法,设置字符集为utf-8
- 【AGC010F】Tree Game 博弈论+暴力
Description 有一棵nn个节点的树,第ii条边连接ai,biai,bi,每个节点ii上有AiAi个石子,高桥君和青木君将在树上玩游戏 首先,高桥君会选一个节点并在上面放一个棋子,然后 ...
- easyui datagrid可编辑表格使用经验分享
文章目录 1相关接口方法 2列属性formatter 3编辑器类型 3.1基于my97的编辑器 3.2简单的密码编辑器 3.3动态增加/删除编辑器 4字段的级联操作 4.1combobox的级联操作 ...