3.20-3.24周总结

3.23

1. 日期选择器限制时间跨度为30天、7天、1年等的写法，可参考blog.csdn.net/qq_40146789…

 pickerMinDate: null,
      pickerRange: 3600 * 1000 * 24 * 365, // 可选择日期范围（一年）
      pickerOptions: {
        onPick: ({ maxDate, minDate }) => {
          if (minDate && this.pickerMinDate) {
            this.pickerMinDate = null
          } else if (minDate) {
            this.pickerMinDate = minDate.getTime()
          }
        },
        disabledDate: (time) => {
          if (this.pickerMinDate) {
            return (time.getTime() > (this.pickerMinDate + this.pickerRange)) || (time.getTime() < (this.pickerMinDate - this.pickerRange))
          }
          return false
        }
      }

2.# JS日期相减得到天数

function GetNumberOfDays(date1,date2){//获得天数
    //date1：开始日期，date2结束日期
    var a1 = Date.parse(new Date(date1));
    var a2 = Date.parse(new Date(date2));
    var day = parseInt((a2-a1)/ (1000 * 60 * 60 * 24));//核心：时间戳相减，然后除以天数
    return day
};

3.时区偏移量的获取与格式化

 let timezoneOffset = -new Date().getTimezoneOffset();
      let pre = timezoneOffset >= 0 ? '+' : '-';
      let hoursOffset = Math.floor(Math.abs(timezoneOffset) / 60);
      let minutesOffset = Math.floor(Math.abs(timezoneOffset) % 60);
      hoursOffset = this.toFixed(hoursOffset, 2);
      minutesOffset = this.toFixed(minutesOffset, 2);
      let timeZone = pre + hoursOffset + ':' + minutesOffset;
      
       toFixed (num, l) {
          let v = num.toString();
          let len = v.length;
          if (len < l) {
            let padding = '0000000000000000';
            v = padding.substr(0, l - v.length) + v;
          }
          return v;
        }

4.# el-select 下拉框多选实现全选的实现,参考文章：blog.csdn.net/m0_69257679…

//vue
 <el-select v-model="searchInfo.eventType" @change="changeSelect" multiple collapse-tags clearable :placeholder="$t('hcp_road_traffic_event_type')">
              <el-checkbox class="select-All-check-box" v-model="checked" @change="selectAll">{{ $t('hcp_road_traffic_all') }}</el-checkbox>
              <el-option v-for="(item) in eventTypeOptions" :key="item.eventType" :label="item.eventName" :value="item.eventType" />
            </el-select>
            
//js
 //全选  
    selectAll() {
      this.selectedArray = [];
      if (this.checked) {
        this.searchInfo.eventType = this.eventTypeOptions.map((item) => {
          return item.eventType;
        });
      } else {
        this.searchInfo.eventType = [];
      }
    },
    //选择改变
    changeSelect(val) {
      if (val.length === this.eventTypeOptions.length) {
        this.checked = true;
      } else {
        this.checked = false;
      }
    }

5.ESLint 忽略检查某一行代码,参考：www.jianshu.com/p/4e73861dc…

//关闭某个文件的校验

//将/* eslint-disable */放置于文件最顶部 
/* eslint-disable */
some code

//关闭某一行代码的eslint校验
some code // eslint-disable-line

//关闭下一行代码的eslint校验
// eslint-disable-next-line
some code

6.# 在 Echerts 中设置柱状图的粗细，参考文章：blog.csdn.net/m0_64564920…

series: [
    {
      data: [120, 200, 150, 80, 70, 110, 130],
      type: 'bar',
      showBackground: true,
   +  barWidth: 17,//barMaxWidth
      backgroundStyle: {
        color: 'rgba(180, 180, 180, 0.2)'
      }
    }
  ]

7.git密码修改：打开控制面板–>用户账户–>凭证管理器–>windows凭据，删除即可。 8.echarts，x轴和y轴的配置，参考：blog.csdn.net/m0_70547044…