vue中年月日转换问题

把2024-03-30 转化成 2024年03月30号

htm中

 <div>
            {{item.key}}---------
              <span
                :class="item.key === today ? 'meetTime-today' : 'meetTime'"
                >{{
                  item.key === today ? "今天" : `${getElmFromDate("yyyy", item.key)}年`
                }}</span
              >
              <span
                style="margin-left: 10px; font-size: 15px; color: #8f8f8f"
                >{{
                  `${getElmFromDate("mm", item.key)}月${getElmFromDate(
                    "dd",
                    item.key
                  )}日`
                }}</span
              >
              </div>

方法中：

   getElmFromDate(type, date) {
      console.log(type,date)
      if (type === "yyyy") {
        return date.split("-")[0];
      } else if (type === "mm") {
        return date.split("-")[1];
      } else {
        return date.split("-")[2];
      }
    },

按照2024-03-30的格式获取今天的时间：

   getTodayDate() {
      // 按照yyyy-MM-dd HH:mm:SS的格式生成当前时间
      let date = new Date();
      let year = date.getFullYear();
      let month =
        date.getMonth() + 1 < 10
          ? "0" + (date.getMonth() + 1)
          : date.getMonth() + 1;
      let day = date.getDate() < 10 ? "0" + date.getDate() : date.getDate();
      // 拼接
      this.today = year + "-" + month + "-" + day;
    },```