Java笔记之javascript常用转换函数

发表于 | 分类于 ， | 评论数： | 阅读次数：
本文字数： 7.4k | 阅读时长 ≈ 7 分钟

1. Jquery 字符串对应字符全部替换规则

1
2
3
4
5
6
7
function replaceChar(s)
    {
        var val = s.value;
        var reg = new RegExp("-","g");//g,表示全部替换。
        var endstring=val.replace(reg,":"); //将 “-”替换为”:” 例如：09-20-30 转换为09:20:30
        return endstring;
}

2. Jquery 字符串截取

1
2
3
4
  function convertAlarmCon(e) {
        var val = e.value;
        return val.substr(val.indexOf(":") + 1, val.length); 从”:”开始到结束的所有字符
}

3. 设置页面定时器

1
2
3
setInterval(function () {//定时器
     todo();//别的方法名称
  }, 4 * 1000);//每隔4秒调用一次

4.年月日 Date类型转yyyy-MM-dd

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
  function formatDate(date) { //设置时间转换格式

        var y = date.getFullYear();  //获取年

        var m = date.getMonth() + 1;  //获取月

        m = m < 10 ? '0' + m : m;  //判断月是否大于10

        var d = date.getDate();  //获取日

        d = d < 10 ? ('0' + d) : d;  //判断日期是否大10

        return y + '-' + m + '-' + d;  //返回时间格式

}

5.获取当前日期所在周的所有年月日格式 参数 字符串yyyy-MM-dd

1
2
3
4
5
6
7
8
9
10
11
 function converToWeekDay(time) {
        var weekday = [];
        var Nowdate = new Date(time);
        var WeekFirstDay = new Date(Nowdate - (Nowdate.getDay() - 1) * 24 * 60 * 60 * 1000);
        weekday.push(formatDate(WeekFirstDay));
        for (var h = 1; h < 7; h++) {
            var WeekDay = new Date((WeekFirstDay / 1000 + h * 24 * 60 * 60) * 1000);
            weekday.push(formatDate(WeekDay));
        }
        return weekday;
}

6.获取当前日期所在月份的所有日期 参数 字符串yyyy-MM-dd

1
2
3
4
5
6
7
8
9
10
11
function convertDayToMonth(time) {
       let daysOfMonth = [];
       let fullYear = new Date(time).getFullYear();
       let month = new Date(time).getMonth() + 1;
       let lastDayOfMonth = new Date(fullYear, month, 0).getDate();
       for (var i = 1; i <= lastDayOfMonth; i++) {
           daysOfMonth.push(fullYear + '-' + month + '-' + i);
       }
       ;
       return daysOfMonth;
   }

7.格式化日期，如月、日、时、分、秒保证为2位数

1
2
3
4
function formatNumber(n) {
       n = n.toString()
       return n[1] ? n : '0' + n;
   }

8.参数number为毫秒时间戳，format为需要转换成的日期格式

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
function formatTime(time, format) {

let newArr = [];

let formatArr = ['h', 'm', 's']

newArr.push(formatNumber(time.getHours()))

newArr.push(formatNumber(time.getMinutes()))

newArr.push(formatNumber(time.getSeconds()))

for (let i in newArr) {

format = format.replace(formatArr[i], newArr[i])

}

return format;

}

9.参数number为毫秒时间戳，format为需要转换成的日期格式

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
//根据开始时间 、长度、和步长（也就是间隔）获取时分秒格式的时间数据
 function covertTimeToX(starttime, length, step) {

 var timeValue = [];

 for (var i = 0; i < length; i++) {

 var tempTime = [];

 let times = new Date(starttime);

 times.setMilliseconds(step * i * 60 * 1000);

 tempTime = formatTime(times, 'h:m:s');

 timeValue.push(tempTime);

 }

 return timeValue;

 }

10.将String 类型转换为Int类型

1
2
3
4
5
function covertStringToInt(m) {
        var num = 0;
        num = parseInt(m);
        return num;
    }

11.解析Json格式字符串并转换成Int类型

1
2
3
4
5
6
7
8
function covertPressureToInt(pressure) {
       var num = 0;
       var data = JSON.parse(pressure)
       for (var press in data) {
           num = parseInt(data[press]);
       }
       return num;
   }

12.根据传入时间戳转换获取时间戳对应的时分秒

1
2
3
4
5
function convertTimeStampToTime(timestamp) {
    let times = new Date(timestamp);
    var tempTime = formatTime(times, 'h:m:s');
    return tempTime;
}

13.简单介绍使用Echarts实时数据获取显示

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
 var Chart = echarts.init(document.getElementById("actualbreath"));//初始化'
  var actualheartoptions = {
        //定义一个标题
        title: {
            text: '心率'
        },
        legend: {
            data: ['时间']
        },
        tooltip: {
            trigger: 'axis'
        },
        //X轴设置
        xAxis: {
            name: '时间',
            data: (function () {
                var res = [];
                var len = 15;
                while (len--) {
                    var now = (new Date()).toLocaleTimeString().replace(/^\D*/, '');
                    res.push(now);
                }
                return res;
            })()
        },
        //y轴不设置意味着y轴的数值随传进来参数最值自动给出波动范围
        yAxis: {},
        //name=legend.data的时候才能显示图例
        series: [{
            name: '心率值',
            type: 'line',
            itemStyle: {
                normal: {
                    color: 'green',
                    color0: 'green',
                    borderColor: 'green',
                    borderColor0: 'green',
                    lineStyle: {
                        color: 'green'
                    }
                }
            },
            data: (function () {
                var res = [];
                var len = 15;
                while (len--) {
                    res.push("");
                }
                return res;
            })()
        }, {
            name: '下限',
            type: 'line',
            data: [30],
            markLine: {
                data: [
                    {type: 'average', name: '平均值'}
                ]
            }
        },
            {
                name: '上限',
                type: 'line',
                data: [200],
                markLine: {
                    data: [
                        {type: 'average', name: '平均值'}
                    ]
                }
            }]

    };

  Chart.setOption(actualbreathoptions, true);
    setInterval(function () {//定时器
        setFsChartBar();
    }, 4 * 1000);//每隔10秒刷新一次

    function setFsChartBar(url) {
        var Chart = echarts.init(document.getElementById('actualbreath'));
        var Chartheart = echarts.init(document.getElementById('actualheart'));
        var actualbreathoptions = Chart.getOption();
        var actualheartoptions = Chartheart.getOption();
        $.ajax({
            url: "发送URL数据请求",
            dataType: "json",
            type: 'post',
            success: function (json) {//
                code = json.code;  //拿到后台的数据
                message = json.message;
                var acbreath = mini.get("acbreath");
                acbreath.setValue(json.data.breathe);
                var acheart = mini.get("acheart");
                acheart.setValue(json.data.heart);

                actualheartoptions.xAxis[0].data.push(convertTimeStampToTime(json.data.timestamp));
                actualheartoptions.series[0].data.push(json.data.heart);  //拿到后台的数据
                actualbreathoptions.xAxis[0].data.push(convertTimeStampToTime(json.data.timestamp));
                actualbreathoptions.series[0].data.push(json.data.breathe);  //拿到后台的数据
            }
        });

        actualbreathoptions.series[0].data.shift();
        actualbreathoptions.xAxis[0].data.shift();

        actualheartoptions.series[0].data.shift();
        actualheartoptions.xAxis[0].data.shift();

        Chart.setOption(actualbreathoptions);
        Chartheart.setOption(actualheartoptions);
        Chart.hideLoading();
        Chartheart.hideLoading();

    }
//后续会针对Echarts进行系统性学习（图形化展示数据）

14.MiniUI默认加载查询数据字段

1
2
3
var grid2 = mini.get("datagrid2");
  grid2.setUrl(getUrl("项目相对Url地址"));
  grid2.load({sn: sn});

15.MiniUI获得当前tab页 并触发点击操作刷新页面重新加载数据

1
2
3
4
5
6
7
8
9
10
var tabs=mini.get("app");  //tab页面ID
   tabs.on("activechanged",function(e){
       if(e.index==4) //获取要刷新的页面下标
       {
           var grid2 = mini.get("datagrid2");
           grid2.setUrl(getUrl("相对路径"));
           console.log(sn);
           grid2.load({sn: sn});
       }
   })
-------------本文结束感谢您的阅读-------------

本文标题:Java笔记之javascript常用转换函数

文章作者:Jason

发布时间:2019年08月18日 - 22:08

最后更新:2019年08月18日 - 22:08

原始链接:https://jasonssun.github.io/2019/08/18/Java笔记之javascript常用转换函数/

许可协议: 署名-非商业性使用-禁止演绎 4.0 国际 转载请保留原文链接及作者。