Element 日期组件

1.能选择的时间大于现在 

复制代码
<el-date-picker v-model="formData.beginTime" type="datetime" value-format="YYYY-MM-DD HH:mm:ss"
    placeholder="请选择开始时间" :disabledDate="disabledDateFn" :disabled-hours="disabledHours"
    :disabled-minutes="disabledMinutes" :disabled-seconds="disabledSeconds" />



/** js */
const disabledDateFn = (time: any) => {
  //比当前时间小的时间禁用(返回true则禁用)
  return time.getTime() < Date.now() - 24 * 3600 * 1000;
};
const disabledHours = () => {
  const a = [];
  for (let i = 0; i < 24; i++) {
    // 限制之前 < 之后 > ,下面同理
    if (new Date().getHours() <= i) continue;
    a.push(i);
  }
  return a;
};
const disabledMinutes = () => {
  const a = [];
  for (let i = 0; i < 60; i++) {
    // 限制之前 < 之后 > ,下面同理
    if (new Date().getMinutes() <= i) continue;
    a.push(i);
  }
  return a;
};
const disabledSeconds = () => {
  const a = [];
  for (let i = 0; i < 60; i++) {
    // 限制之前 < 之后 > ,下面同理
    if (new Date().getSeconds() <= i) continue;
    a.push(i);
  }
  return a;
};


复制代码

 

posted @   老龟  阅读(76)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示