• 设置指定时间之前的时间不可选


    1、el-date-picker设置今天之前的日期不可选

    1. <el-date-picker style="width: 100%" type="date" v-model="form.resetDate" align="right" :value-format="'yyyy-MM-dd'" placeholder="选择调整日期"
    2. :disabled="this.disabled "
    3. :picker-options="{
    4. disabledDate: (time) =>
    5. time.getTime() <
    6. new Date(new Date().setHours(0, 0, 0, 0))
    7. }">
    8. el-date-picker>

    效果图:

    2、el-time-picker设置指定时间之前的时间不可选

    1. "12">
    2. "开始时间" prop="enterTime">
    3. "form.enterTime" :disabled="this.disabled" :value-format="'HH:mm'" format="HH:mm" style="width: 100%" placeholder="请选择开始时间"
    4. :picker-options="{selectableRange:`00:00:00-${form.stopTime ? form.stopTime + ':00' : '23:59:59'}`}">
    5. "12">
    6. "结束时间" prop="stopTime">
    7. "form.stopTime" :disabled="this.disabled" :value-format="'HH:mm'" format="HH:mm" style="width: 100%" placeholder="请选择结束时间"
    8. :picker-options="{selectableRange:`${form.enterTime ? form.enterTime + ':00' : '00:00:00'}-23:59:59`}">

    效果图:

     3、设置YYYY-MM-dd HH:mm:ss格式指定时间之前不可选

    1. <el-col :span="12">
    2. <el-form-item label="停机时间" prop="enterTime">
    3. <el-date-picker v-model="form.enterTime" type="datetime" :disabled="this.disabled" placeholder="请选择进车时间" align="right" :value-format="'yyyy-MM-dd HH:mm'"
    4. style="width: 100%" :picker-options="pickerOptions">
    5. el-date-picker>
    6. el-form-item>
    7. el-col>
    8. <el-col :span="12">
    9. <el-form-item label="结束时间" prop="stopTime">
    10. <el-date-picker v-model="form.stopTime" type="datetime" :disabled="this.disabled" placeholder="请选择结束时间" align="right" :value-format="'yyyy-MM-dd HH:mm'"
    11. style="width: 100%" :picker-options="pickerOptions" @change="pickerOptionsEnd(form.enterTime,form.stopTime)">
    12. el-date-picker>
    13. el-form-item>
    14. el-col>
    1. // 结束时间不能小于开始时间
    2. pickerOptionsEnd(start,end){
    3. console.log(start)
    4. console.log(end)
    5. if(Date.parse(end )<= Date.parse(start) ) {
    6. this.form.stopTime = ''
    7. this.$modal.msgError("结束时间不能小于停机时间");
    8. }
    9. },

    效果图:

  • 相关阅读:
    什么是组织孤岛?它会带来哪些影响?可以这样去对付它
    记一次线上故障排查
    Java实现负载均衡算法--轮询和加权轮询
    Jetpack Compose 中的状态管理
    详细分析Uniapp中的轮播图基本知识(附Demo)
    医学大模型开源项目: 医学大模型的局限性 + 改进思路
    基于FPGA的图像sobel边缘提取算法开发,包括tb测试文件以及matlab验证代码
    opencv Mat 访问
    Java 类加载器 详解
    Docker原理
  • 原文地址:https://blog.csdn.net/askuld/article/details/134506021