时间区间控制

90 阅读1分钟

image.png

import dayjs from 'dayjs';

<a-date-picker v-model:value="model[field]" :disabled-date="disabledDate" placeholder="请选择时间" />

const disabledDate = current => {
  let dis: any = ''
  if (timeRange.length) {
    dis = current <= dayjs(timeRange[0]).startOf('day') || current >= dayjs(timeRange[1]).endOf('day')
  }
  return dis
}

image.png

{
    title: t('剩余时间'),
    dataIndex: 'examStatus',
    key: 'a.exam_status',
    sorter: false,
    width: 80,
    align: 'center',
    customRender: ({ record }) => {
      let end = new Date(record.examEndtime).getTime() / 1000
      let cur = new Date().getTime() / 1000
      let delta = parseInt((end - cur) / 60)
      let text = "--"
      if(delta >= 24 * 60) {
        let day = parseInt(delta / (24 * 60))
        text = (day + 1) + "天"
      }else if(delta>=60){
        let hour = parseInt(delta/60)
        text = hour + "小时"
      }else if(delta>0){
        text = delta + "分钟"
      }
      return text
    }
  },