个人技术分享

  • api/workAPI.js

定义一个dateTimeWeek

function format2Digit(n) {
    //判断时间是否需要加0
    if (n < 10) {
      return "0" + n;
    } else {
      return n;
    }
  }

export function dateTimeWeek() {
    //设置返回显示的日期时间格式
    var date    = new Date();
    var year    = format2Digit(date.getFullYear());
    var month   = format2Digit(date.getMonth() + 1);
    var day     = format2Digit(date.getDate());
    var hour    = format2Digit(date.getHours());
    var minute  = format2Digit(date.getMinutes());
    var second  = format2Digit(date.getSeconds());
    var weekday = date.getDay();
    var weeks   = new Array(
      "星期日",
      "星期一",
      "星期二",
      "星期三",
      "星期四",
      "星期五",
      "星期六"
    );
    var week = weeks[weekday];
      //这里设置你要显示的格式
    return `${year}年${month}月${day}日 ${hour}:${minute}:${second} ${week}`;
  }
  • vue中导入并使用
<script>
import { dateTimeWeek } from '@/api/platformApi';

......

export default {
  name: 'work',
  data() {
    return {
      timeTextTimer: undefined,
      nowTimeText: new Date()
    }
  },

  created() {
    this.timeTextTimer = setInterval(() => {
      this.nowTimeText = dateTimeWeek();
    });
  },