vue日期工具文件

vue日期工具文件

说明: 封装公共方法

1、在src下创建utils文件夹，目录下创建util.js

代码：

//获取当前日期xxxx年xx月xx日2022年09月16日
export function getDate() {
  var now = new Date();
  var year = now.getFullYear(); //年
  var month = now.getMonth() + 1; //月
  var day = now.getDate(); //日
  var clock = year + "年";
  if (month < 10)
    clock += "0";
  clock += month + "月";
  if (day < 10)
    clock += "0";
  clock += day + "日";
  return clock;
}

//获取星期几 星期五
export function getWeekDate() {
  var now = new Date();
  var day = now.getDay();
  var weeks = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六");
  var week = weeks[day];
  return week;
}

//获取当前年月日时分秒 2022年09月16日 15:09
export function curentTime() {
  var now = new Date();
  var year = now.getFullYear(); //年
  var month = now.getMonth() + 1; //月
  var day = now.getDate(); //日
  var hh = now.getHours(); //时
  var mm = now.getMinutes(); //分
  var ss = now.getSeconds(); //秒

  var clock = "";
  var clock = year + "年";
  if (month < 10)
    clock += "0";
  clock += month + "月";
  if (day < 10)
    clock += "0";
  clock += day + "日 ";
  if (hh < 10)
    clock += "0";
  clock += hh + ":";
  if (mm < 10) clock += '0';
  clock += mm + "";
  //   if (ss < 10) clock += '0';
  //   clock += ss;
  return clock;
}

2、调用函数

<script>
// 工具函数引入
import { getDate ,curentTime, getWeekDate } from "@/utils/util";
export default {
  props: {},
  data() {
    return {
      curentTime: curentTime
    };
  },
  mounted() {},
  methods: {
  }
};
</script>

<div class="time">{{ curentTime() }}</div>