elementPlus写法

<el-date-picker v-model="effectTime" type="datetime" placeholder="请选择生效时间" 
				:disabled-date="disabledDate"></el-date-picker>
const effectTime = ref(new Date())

const disabledDate = (time) =>{
    // return time.getTime() < Date.now();          // 选择今天以后的日期(不含今天)
    return time.getTime() < Date.now() - 8.64e7     // 选择今天及今天以后的日期
    // return time.getTime() > Date.now() - 8.64e6  // 选择今天及今天以前的日期
    // return time.getTime() > Date.now() - 8.64e7  // 选择今天以前的日期(不含今天)
    
}

elementUI写法

<el-date-picker value-format="timestamp" v-model="effectTime" type="datetime" 
				placeholder="请选择生效时间" 
				:picker-options="pickerOptions"></el-date-picker>
data() {
        return{
            effectTime:'',
          
            pickerOptions: {
                disabledDate(time){
                    return time.getTime() < Date.now(); // 限制选择 今天以后的日期
                }
            }
        }
    },
Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐