vue2基础--时间选择器实现年月日时分秒

1.时间选择器el-date-picker

<el-date-picker

v-model="time" //绑定的参数

type="datetime" //年月日时分秒的类型

value-format="yyyy-MM-dd HH:mm:ss" //年月日时分秒的格式

placeholder="选择日期时间"

format="yyyy-MM-dd HH:mm:ss"

></el-date-picker>

其实关键点就在于type和value-format对应的值

type="datetime" //年月日时分秒的类型

value-format="yyyy-MM-dd HH:mm:ss" //年月日时分秒的格式

type="date" //年月日的类型

value-format="yyyy-MM-dd" //年月日的格式

2.定义参数

data() {

return {

time: "", //定义的参数

}

}

此时打印的time为年月日时分秒的格式

console.log('拿到的this.time',this.time)