elementUi el-date-picker时间控件精确到时分秒
在 Element UI 的 el-date-picker
组件中,要设置时间选择器精确到时分秒,可以将 type
属性设置为 datetime
。这样用户就可以选择日期和时间了,并且时间部分会精确到秒。
下面是一个简单的例子:
<template>
<el-date-picker
v-model="value"
type="datetime"
placeholder="选择日期时间"
value-format="yyyy-MM-dd HH:mm:ss">
</el-date-picker>
</template>
<script>
export default {
data() {
return {
value: ''
};
}
};
</script>
在这个例子中,v-model
绑定了一个数据 value
来接收选择的日期和时间。placeholder
属性是输入框占位文本,value-format
属性用来定义绑定值的格式,这里设置为 yyyy-MM-dd HH:mm:ss
来确保时间精确到秒。
评论已关闭