vue DatePicker日期选择器时差8小时问题（vue2-datepicker）一看就会

文章摘要

这篇文章描述了一个使用电子表格结构展示发证日期和证书有效期的系统。文章通过HTML代码展示了两个表格列，分别为“发证日期”和“证书有效期”，每个列均包含一个日期选择框（el-date-picker），允许用户选择具体的发证日期或证书有效期。该系统通过ZZrules组件配置了日期规则，并使用统一的日期格式“yyyy/MM/dd”和统一的日期选择框样式。文章的重点在于展示了如何通过网页表格组件实现日期选择功能，同时保持了简洁的布局和一致的用户界面风格。

<el-table-column label=”发证日期” align=”center” min-width=”150″>
<template slot-scope=”scope”>
<el-form-item :prop=”‘tableData.’+scope.$index+’.fzrq'” :rules=”ZZrules.fzrq”>
<el-date-picker style=”width:150px” :picker-options=”FZTime” v-model=”scope.row.fzrq”
@change=”startTimeStatus($event)” type=”date” value-format=”yyyy/MM/dd” format=”yyyy/MM/dd”
placeholder=”选择日期” clearable>
</el-date-picker>
</el-form-item>
</template>
</el-table-column>
<el-table-column label=”证书有效期” align=”center” min-width=”150″>
<template slot-scope=”scope”>
<el-form-item :prop=”‘tableData.’+scope.$index+’.zsyxq'” :rules=”ZZrules.zsyxq”>
<el-date-picker style=”width:150px” :picker-options=”YXQTime” v-model=”scope.row.zsyxq”
type=”date” @change=”endStatus($event)” value-format=”yyyy/MM/dd” format=”yyyy/MM/dd”
placeholder=”选择日期” clearable>
</el-date-picker>
</el-form-item>
</template>
</el-table-column>