hookehuyr

fix 时间控件显示最大最小时间优化

<!--
* @Date: 2022-08-31 11:45:30
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2024-08-03 20:36:39
* @LastEditTime: 2024-08-09 11:49:07
* @FilePath: /data-table/src/components/TimePickerField/index.vue
* @Description: 时间选择组件
-->
......@@ -24,12 +24,7 @@
:border="false"
/>
<van-popup v-model:show="showPicker" position="bottom">
<van-time-picker
v-model="currentTime"
title="请选择时间"
:columns-type="columns_type"
@confirm="onConfirm"
@cancel="showPicker = false"
<van-time-picker v-model="currentTime" :min-time="minTime" :max-time="maxTime" title="请选择时间" :columns-type="columns_type" @confirm="onConfirm" @cancel="showPicker = false"
/>
</van-popup>
</div>
......@@ -66,6 +61,10 @@ const onConfirm = ({ selectedValues, selectedOptions }) => {
};
const columns_type = ref([]);
const minTime = ref()
const maxTime = ref()
const date_format = props.item.component_props.data_dateformat; // HH:mm=时分,HH:mm:ss=时分秒
onMounted(() => {
// 根据默认值时间调整显示
......@@ -95,6 +94,13 @@ onMounted(() => {
currentTime.value = [Hour, Minute, Second];
break;
}
// 设置默认最大最小时间
if (data_minvalue) {
minTime.value = data_minvalue;
}
if (data_maxvalue) {
maxTime.value = data_maxvalue;
}
});
const required = props.item.component_props.required;
......