前端: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>
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。