js时间格式化应用

---

先 上一张图 ：

倒计时应用

//计算时间
function calculaTime(result) {
    var countDown = {};
    var startTime = new Date(result.projectTimeStar);
    var endTime = new Date(result.projectTimeEnd);
    var nowTime = new Date();
    //开始时间
    var start_t = startTime.getTime() - nowTime.getTime();
    var indexStartTime = start_t;  //时间指标

    var start_d = Math.floor(start_t / 1000 / 60 / 60 / 24);
    start_t = start_t - start_d * (1000 * 60 * 60 * 24);
    var start_h = Math.floor(start_t / 1000 / 60 / 60);
    start_t = start_t - start_h * (1000 * 60 * 60);
    var start_m = Math.floor(start_t / 1000 / 60);
    //截止时间
    var indexEndTime = endTime.getTime() - nowTime.getTime();

    var end_t = endTime.getTime() - startTime.getTime();
    var end_d = Math.floor(end_t / 1000 / 60 / 60 / 24);
    if (indexStartTime > 90 * 1000 * 60 * 60 * 24) {
        countDown = {
            value: '<span style="color:#80ff3d">' + startTime.getFullYear() + '.' + (startTime.getMonth() + 1) + '.' + startTime.getDate() + '~' + (endTime.getMonth() + 1) + '.' + endTime.getDate() + '</span>'
        }

    } else if ((indexStartTime <= 90 * 1000 * 60 * 60 * 24) && (indexStartTime >= 0)) {
        countDown = {
            value: '<span style="font-weight:bold">' + start_d + '</span>' + '<span style="color:#ffb727"> 日  </span>' + '<span style="font-weight:bold">' + start_h + '</span>' + '<span style="color:#ffb727"> 时 </span>' + '<span style="font-weight:bold">' + start_m + '</span>' + '<span style="color:#ffb727"> 分</span>'
        }
    } else {
        if (indexEndTime > 0) {
            countDown = {
                value: '<span style="color:#ff5e1f">已保障' + (-start_d) + '天   , 剩' + (end_d + start_d) + '天</span>'
            }
        } else {
            countDown = {
                value: '<span style="color:#ffb727">' + startTime.getFullYear() + '.' + (startTime.getMonth() + 1) + '.' + startTime.getDate() + '~' + (endTime.getMonth() + 1) + '.' + endTime.getDate() + '</span>'
            }
        }
    }
    return countDown;
}

highcharts中应用的时间格式化方法

 dateTimeLabelFormats: { 
                    second: "%H:%M",
                    minute: '%H:%M',
                    hour: '%H:%M',
                    day: '%m-%d',
                    week: '%m-%d',
                    month: '%m-%d'
                }

坐标轴中x轴的抽样应用
关注属性 unit ,tickInterval,mintickInterval的使用，在highcharts 中（周）的时间间隔 默认是以 每个周的周一为起始

    units: [[
                    'millisecond', 
                    [1, 2, 5, 10, 20, 25, 50, 100, 200, 500] // allowed multiples
                ], [
                    'second',
                    [1, 2, 5, 10, 15, 30]
                ], [
                    'minute',
                    [1, 2, 5, 10, 15, 30]
                ], [
                    'hour',
                    [parseInt(acountGroupLinexInter/3600000)]
                ], [
                    'day',
                    [parseInt(acountGroupLinexInter / (24 * 3600000))]
                ]],