vue el-date-picker 设置默认时间
在Vue中使用el-date-picker
组件设置默认时间,你可以通过v-model
绑定一个日期对象到el-date-picker
的value
属性上。以下是一个简单的例子:
<template>
<el-date-picker
v-model="date"
type="datetime"
placeholder="选择日期时间"
default-time="12:00:00">
</el-date-picker>
</template>
<script>
export default {
data() {
return {
date: new Date() // 设置当前时间为默认时间
};
}
};
</script>
在这个例子中,date
是一个Date对象,它被初始化为当前时间。当你打开日期选择器时,它将预先填充为当前时间。如果你想设置特定的默认时间,可以这样做:
data() {
return {
date: new Date(2023, 2, 15, 12, 0, 0) // 设置特定的日期和时间为默认值
};
}
这里new Date(2023, 2, 15, 12, 0, 0)
创建了一个特定的日期和时间,月份是从0开始的,所以3代表4月,12代表12点。
评论已关闭