moment相关-CFANZ编程社区

import moment from 'moment'
Vue.prototype.$moment = moment

this.$moment().format('YYYY-MM-DD HH:mm:ss')  //当前时间
this.$moment().subtract(90, 'days').format('YYYY-MM-DD HH:mm:ss')  //当前时间往前90天
this.$moment().add(7, 'days').format('YYYY-MM-DD HH:mm:ss')   //当前时间往后推7天
this.$moment().subtract(1, "years").format("YYYY-MM-DD")  //当前时间的前1年时间
this.$moment().subtract(3, "months").format("YYYY-MM-DD") //当前时间的前3个月时间
this.$moment().subtract(1, "weeks").format("YYYY-MM-DD")  //当前时间的前一个星期时间

eg:

<date-picker
  v-model="queryParam.vo.times"
  style="width: 100%"
  value-type="format"
  range
  :disabled-date="disabledDate"
  @change="changeDate"
  >
  <template v-slot:footer="{ emit }">
  <div style="text-align: center">
  <button
  class="mx-btn mx-btn-text"
  @click="emit(new Date())"
  >
  今天
  </button>
  </div>
 </template>
</date-picker>
//mothed  当前日期的前后一周时间可选
disabledDate(current, date) {
  if (!date) return;
  date = new Date(date);
  return (
  current < moment(date).subtract(1, "weeks") ||
  current > moment(date).add(1, "weeks")
  );
  },
  changeDate() {
  this.disabledDate(null, this.queryParam.vo.times[0]);
},

1.日期格式化

moment().format('MMMM Do YYYY, h:mm:ss a'); // 二月 16日 2023, 10:51:57 上午
moment().format('dddd');                    // 星期四
moment().format("MMM Do YY");               // 2月 16日 23
moment().format('YYYY [escaped] YYYY');     // 2023 escaped 2023
moment().format();                          // 2023-02-16T10:51:57+08:00

2.相对时间

moment("20111031", "YYYYMMDD").fromNow(); // 11 年前
moment("20120620", "YYYYMMDD").fromNow(); // 11 年前
moment().startOf('day').fromNow();        // 11 小时前
moment().endOf('day').fromNow();          // 13 小时内
moment().startOf('hour').fromNow();       // 1 小时前

3.日历时间

moment().subtract(10, 'days').calendar(); // 2023/02/06
moment().subtract(6, 'days').calendar();  // 上星期五10:51
moment().subtract(3, 'days').calendar();  // 上星期一10:51
moment().subtract(1, 'days').calendar();  // 昨天10:51
moment().calendar();                      // 今天10:51
moment().add(1, 'days').calendar();       // 明天10:51
moment().add(3, 'days').calendar();       // 下星期日10:51
moment().add(10, 'days').calendar();      // 2023/02/26

4.多语言支持

moment.locale();         // zh-cn
moment().format('LT');   // 10:51
moment().format('LTS');  // 10:51:57
moment().format('L');    // 2023/02/16
moment().format('l');    // 2023/2/16
moment().format('LL');   // 2023年2月16日
moment().format('ll');   // 2023年2月16日
moment().format('LLL');  // 2023年2月16日上午10点51分
moment().format('lll');  // 2023年2月16日 10:51
moment().format('LLLL'); // 2023年2月16日星期四上午10点51分
moment().format('llll'); // 2023年2月16日星期四 10:51