vue2 antdUI+js 日期选择器，选择事件格式和禁用今天之前日期

祁靖杰

已于 2022-11-10 10:41:10 修改

阅读量386

点赞数

文章标签： javascript 前端开发语言

于 2022-11-10 10:28:17 首次发布

本文链接：https://blog.csdn.net/m0_69424722/article/details/127783991

版权

上效果图

html代码

<a-date-picker @change="changedata" v-model:value="this.changedatas"
      :showToday="false" :disabledDate="disabledDate" />

js代码

 // 弹出框时间选择内容
    changedata(item, e) {
      let start = this.dateFormat('yyyy-MM-dd', item._d)
      this.changedatas = start
    },
    disabledDate(current) {
      return current && current < moment().subtract(1, 'day')
    },
    dateFormat(fmt, date) {//选择事件格式更具自己使用来定
      let o = {
        "M+": date.getMonth() + 1,                //月份
        "d+": date.getDate(),                     //日
        //  "h+": date.getHours(),                //小时
        //  "m+": date.getMinutes(),              //分
        //  "s+": date.getSeconds(),              //秒
        // "h+": "0",                             //小时
        // "m+": "0",                             //分
        // "s+": "0",                             //秒
      }
      if (/(y+)/.test(fmt))
        fmt = fmt.replace(RegExp.$1, (date.getFullYear() + "").substr(4 - RegExp.$1.length))
      for (var k in o)
        if (new RegExp("(" + k + ")").test(fmt))
          fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)))
      return fmt
    },