moment时间格式化处理 + el-date-picker element ui 周的取值范围从周一到周日

爱喝冰可乐

已于 2022-09-06 08:35:11 修改

阅读量2.3k

点赞数

文章标签： vue

于 2020-12-28 14:28:30 首次发布

本文链接：https://blog.csdn.net/u013361179/article/details/111864347

版权

npm install moment --save   # npm
yarn add moment             # Yarn

import moment from 'moment'

2020-12-12 23:59:59

moment().format('YYYY-MM-DD HH:mm:ss')

时间戳（1607788799000）：

moment().valueOf()

时间（2020-12-12T23:59:59+08:00）：

moment().format()

如果输入时间戳，打印出来的是1970年，那就用unix

moment.unix()format()

element ui默认周开始日期是周日，:picker-options="{‘firstDayOfWeek’: 1}"将周开始日切换为礼拜一；

<el-date-picker
  v-model="timeRange"
  type="week"
  format="yyyy 第 WW 周"
  @change="timerChange"
  :picker-options="{'firstDayOfWeek': 1}"
   placeholder="选择周">
 </el-date-picker>

startOf设置为日期的00:00:00
endOf设置为日期的23:59:59

timerChange (e) {
  const startDate = moment(e).startOf('day').valueOf()
  const endDate = moment(e).endOf('day').valueOf()
}

此时拿到的周的值任然为周末–周六值，所以add(1, ‘days’)为在此基础上加1天

timerChange (e) {
  const startDate = moment(e).startOf('week').add(1, 'days').valueOf()
  const endDate = moment(e).endOf('week').add(1, 'days').valueOf()
}