关于javascript:js-处理时间

9次阅读

共计 1170 个字符,预计需要花费 3 分钟才能阅读完成。

前端:vue+elementUI,后端:strapi

1,将中国工夫 转换成 UTC 格局

前端应用的是,elementUI 的工夫抉择框

<el-date-picker
    v-model="selectDate"
    type="daterange"
    range-separator="至"
    start-placeholder="开始日期"
    end-placeholder="完结日期"
    @change="handleDateFilter"
    style="margin-right:10px">
</el-date-picker>

其中,selectDate :[]
控制台打印输出的为中国规范工夫,后盾须要的是 UTC 格局

js 代码:

start = new Date(n[0]).toISOString()
end = new Date(n[1]).toISOString()

转换后果:

"Thu Jul 01 2021 00:00:00 GMT+0800 (中国规范工夫)"
"2021-06-30T16:00:00.000Z"

2,将中国工夫转成 yyyy-mm-dd h-m-s

dataTransform(time){var date =  new Date(time),
      year = date.getFullYear(),
      month = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1,
      day = date.getDate() < 10 ? '0' + date.getDate() : date.getDate(),
      hour = date.getHours() < 10 ? '0' + date.getHours() : date.getHours(),
      minute = date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes(),
      second = date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds();
      return year + '-' + month + '-' + day + '' + hour +':'+ minute +':' + second;
}

另外:
elementUI 的工夫抉择框反对转换格局 能够不必通过 js 转换。
value-format="yyyy-MM-dd"

 <el-date-picker
     v-model="selectDate"
     type="daterange"
     range-separator="至"
     start-placeholder="开始日期"
     end-placeholder="完结日期"
     value-format="yyyy-MM-dd"
     @change="handleDateFilter"
     style="margin-right:10px">
</el-date-picker>

正文完
 0