步骤:
模板:
<el-date-picker
v-model="createTime"
type="daterange"
:clearable="false"
range-separator="-"
style="width: 210px"
start-placeholder="开始日期"
end-placeholder="结束日期"
placeholder="选择日期"
class="filter-items"
value-format="yyyy-MM-dd"
:default-time="['00:00:00', '23:59:59']"
@change="dataChange"
/>
js:
dataChange(val) {
console.log(`时间格式---`, val)//时间格式--- (2) ['2021-01-01', '2021-01-09', __ob__: Observer]
const date = new Date((+new Date(val[0]) + 8 * 3600 * 1000)) //new Date() 括号里的加上丢失的8小时
console.log(`时区格式---`, date.toISOString())//时区格式--- 2021-01-01T00:00:00.000Z
}
注意:toISOString() 转换日期时,会丢失时区,导致时间少8小时所以转换前new Date(+new Date()+8*3600*1000)
处理丢失的8小时。