el-table加入时间
时间: 2023-11-07 08:52:01 浏览: 89
el-table加入时间选择器后,可以使用el-date-picker组件来实现。在el-table-column的template中添加el-date-picker组件,并将其与数据的属性进行绑定,以实现时间选择的功能。
<el-table-column prop="ReportPredictEndDate" label="预计完成时间" align="center" width="200">
<template slot-scope="scope">
<el-form-item style="margin-bottom: 0px" :prop="'MonthProgressDetails[' + scopeInner.$index + '].Children[' + scope.$index + '].ReportPredictEndDate'" :rules="projectRules.ReportPredictEndDate">
<el-date-picker v-model="scope.row.ReportPredictEndDate" type="date" style="width:180px" :picker-options="pickerOptions" @focus="focusDateOption(scopeInner.row)" placeholder="选择日期"></el-date-picker>
</el-form-item>
</template>
</el-table-column>
其中,v-model绑定了数据的属性,@focus事件处理函数可以在选择日期时获取到相应的时间数据。
阅读全文