# 时间
# 普通用法
<avue-form v-model="form" :option="option"></avue-form>
<script>
export default {
data() {
return {
form:{},
option:{
column: [{
label: "时间",
prop: "time",
type: "time",
}]
},
};
}
}
</script>
Expand Copy Copy
# 格式化
<avue-form v-model="form" :option="option"></avue-form>
<script>
export default {
data() {
return {
form:{
"time": "2021-08-02 12:00:00"
},
option:{
column: [{
label: "时间",
prop: "time",
type: "time",
format:'HH时mm分ss秒',
valueFormat:'HH:mm:ss'
}]
},
};
}
}
</script>
Expand Copy Copy
# 时间范围
<avue-form v-model="form" :option="option"></avue-form>
<script>
export default {
data() {
return {
form:{},
option:{
labelWidth:110,
column: [{
label: "时间范围",
prop:'timerange',
type: 'timerange',
format:'HH:mm:ss',
valueFormat:'HH:mm:ss',
startPlaceholder: '时间开始范围自定义',
endPlaceholder: '时间结束范围自定义',
}]
},
};
}
}
</script>
Expand Copy Copy