el-time-picker 只选择 时分
el-time-picker是element-ui组件库中的一个时间选择器组件,可以用于选择时间。如果只想选择时分,可以通过设置format属性来指定时间的格式,只包含时分。示例代码如下:
<template>
<div>
<el-time-picker
v-model="time"
format="HH:mm"
placeholder="选择时间"
:picker-options="pickerOptions">
</el-time-picker>
</div>
</template>
<script>
export default {
data() {
return {
time: '',
pickerOptions: {
selectableRange: '00:00-23:59'
}
};
}
};
</script>
在上述代码中,我们通过设置format属性为"HH:mm",即表示只选择时分。同时,通过设置pickerOptions的selectableRange属性为"00:00-23:59",限定可选择的时间范围为全天。
原文地址: https://www.cveoy.top/t/topic/i5RI 著作权归作者所有。请勿转载和采集!