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

随心笔谈9个月前发布 admin
205 00
🌐 经济型:买域名、轻量云服务器、用途:游戏 网站等 《腾讯云》特点:特价机便宜 适合初学者用 点我优惠购买
🚀 拓展型:买域名、轻量云服务器、用途:游戏 网站等 《阿里云》特点:中档服务器便宜 域名备案事多 点我优惠购买
🛡️ 稳定型:买域名、轻量云服务器、用途:游戏 网站等 《西部数码》 特点:比上两家略贵但是稳定性超好事也少 点我优惠购买

文章摘要

这篇文章描述了一个系统或应用程序中的一个表格界面,用于设置发证日期和证书有效期。表格包含两个列:第一个列用于选择发证日期,第二个列用于选择证书有效期。每个列都使用`<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>

© 版权声明

相关文章