如何使用dayjs 设置具体日期

174 阅读1分钟

day.js(不用 moment.js 是因为体积太大,day.js 的 api 与其基本一样,但体积小很多)

以下为一个示例的使用步骤

  • 第一步

yarn add dayjs

  • 第二步
import dayjs from 'dayjs';
  • 第三步 注:一天是86400秒,因为 js 里单位是毫秒,需要乘1000。
const oneDay = 86400 * 1000;
  • 第四步:功能实现,显示“前天”、“昨天”、“今天”,非这个时间范围的显示具体年月日,当年显示月日,具体日期格式可在文档的 format 中查询到

const oneDay = 86400 * 1000;
...
@Component({})
...
export default class Xxxxxx extends Vue{
...
    beautify(string: string) {
      const day = dayjs(string);
      const now = dayjs();
      if (day.isSame(now, 'day')) {
        return '今天';
      } else if (day.isSame(now.subtract(1,'day'),'day')) {
        return '昨天';
      } else if(day.isSame(now.subtract(2,'day'),'day')){
        return '前天';
      } else if(day.isSame(now,'year')){
        return day.format('MM月D日')  //当年显示月日
      }else{
        return day.format('YYYY年MM月D日') //非上面时间范围的显示具体年月日
      }
    }
}