文章摘要
这篇文章描述了一个系统或应用程序中的一个表格界面，用于设置发证日期和证书有效期。表格包含两个列：第一个列用于选择发证日期，第二个列用于选择证书有效期。每个列都使用`<el-date-picker>`组件，用户可以通过点击选择日期，并且系统会根据`:change`事件提示设置成功或设置失败。文章的核心内容是展示如何通过表单组件实现日期选择功能。
<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>