222

schangxiang@126.com

2025-04-30 9bec4dcae002f36aa23231da11cb03a156b40110

 PipeLineLems/web/src/components/DateTimePickRange/DateTimePickRange.tsx

@@ -2,6 +2,7 @@
import styles from './DateTimePickRange.module.scss'
import dayjs from 'dayjs'
import { ElMessage } from 'element-plus'
import { _t } from '@/libs/Language/Language'
export default defineComponent({
  name: '日期范围',
  props: {
@@ -25,8 +26,8 @@
    },
    clearable: {
      type: Boolean,
      default: true
    }
      default: true,
    },
  },
  emits: ['change'],
  setup(props, { attrs, slots, emit }) {
@@ -48,16 +49,16 @@
    const onChangeFrom = (val: Date) => {
      console.log(val)
      if (times.To && dayjs(val).isAfter(times.To)) {
        ElMessage.warning('开始时间必须比结束时间小')
        ElMessage.warning(_t('开始时间必须比结束时间小'))
        return
      }
      emit('change', times)
    }

    const onChangeTo = (val: Date) => {
      console.log(val);
      console.log(val)
      if (times.To && dayjs(val).isBefore(times.From)) {
        ElMessage.warning('开始时间必须比结束时间小')
        ElMessage.warning(_t('开始时间必须比结束时间小'))
        return
      }
      emit('change', times)
@@ -66,11 +67,11 @@
    return () => {
      return (
        <div class={styles.DateTimePickRange}>
          <span class={styles.label}>{props.label}</span>
          <span class={styles.label}>{_t(props.label)}</span>
          <el-date-picker
            v-model={times.From}
            type="datetime"
            placeholder="请选择开始时间"
            placeholder={_t('请选择开始时间')}
            onChange={onChangeFrom}
            valueFormat={props.valueFormat}
            clearable={props.clearable}
@@ -79,7 +80,7 @@
          <el-date-picker
            v-model={times.To}
            type="datetime"
            placeholder="请选择结束时间"
            placeholder={_t('请选择结束时间')}
            onChange={onChangeTo}
            valueFormat={props.valueFormat}
            clearable={props.clearable}