本章内容思维导图如下,由于需要各种状态下的菜单操作,所以需要先实现提测信息的列表基础页面,然后再推进其他需求开发

测试开发【提测平台】分享12-掌握日期组件&列表状态格式化最终实现提测管理多条件搜索展示功能-LMLPHP

基本知识点学习

DatePicker 日期组件

Element ui 组件中有两个时间相关的控件,一个是 TimePicker 组件,以十分秒维度,另一个是 DatePicker 组件,以年月日时分秒维度,两者用法基本相同,本篇开发用到的是DatePicker,它的基本使用方法为

<el-date-picker
    v-model="绑定变量值"
    align="right"
    type="date"
    placeholder="选择日期">
</el-date-picker>
10-12 10:05