<script>
export default {
  data() {
    return {
      weekFormat: ""
    };
  },
  mounted() {
    console.log(this.getWeekStartAndEnd("2021-5-25"));
  },
  methods: {
    // 日期格式化
    formatDate(date) {
      var myyear = date.getFullYear();
      var mymonth = date.getMonth() + 1;
      var myweekday = date.getDate();
      if (mymonth < 10) {
        mymonth = "0" + mymonth;
      }
      if (myweekday < 10) {
        myweekday = "0" + myweekday;
      }
      return mymonth + "." + myweekday;
    },
    // 获取指定日期的那一周的开始、结束日期
    getWeekStartAndEnd(val) {
      let now = "";
      if (val) {
        now = new Date(val); // 日期
      } else {
        now = new Date(); // 日期
      }
      let nowDayOfWeek = now.getDay(); // 本周的第几天
      let nowDay = now.getDate(); // 当前日
      let nowMonth = now.getMonth(); // 当前月
      let nowYear = now.getYear(); // 当前年
      let weekStart = this.getWeekStartDate(
        nowYear,
        nowMonth,
        nowDay,
        nowDayOfWeek
      );
      let weekEnd = this.getWeekEndDate(
        nowYear,
        nowMonth,
        nowDay,
        nowDayOfWeek
      );
      this.weekFormat = weekStart + "~" + weekEnd;
      console.log("weekFormat", this.weekFormat);
    },
    // 获得某一周的开始日期
    getWeekStartDate(nowYear, nowMonth, nowDay, nowDayOfWeek) {
      let weekStartDate = new Date(nowYear, nowMonth, nowDay - nowDayOfWeek);
      return this.formatDate(weekStartDate);
    },
    // 获得某一周的结束日期
    getWeekEndDate(nowYear, nowMonth, nowDay, nowDayOfWeek) {
      let weekEndDate = new Date(
        nowYear,
        nowMonth,
        nowDay + (6 - nowDayOfWeek)
      );
      return this.formatDate(weekEndDate);
    }
  }
};
</script>
Motion for Vue:一个轻量级且功能强大的Vue3动画库
el-table利用:row-style="rowClass"设置指定行变色
一款免费开源效果酷炫的 Vue / React 大屏数据展示组件库——DataV
上面是“vuejs获取指定日期的那一周的开始、结束日期(从”的全面内容,想了解更多关于 vuejs 内容,请继续关注web建站教程。
当前网址:https://ipkd.cn/webs_101.html
workflows工作流
 树枝上一只色彩斑斓的小鸟 树枝上一只色彩斑斓的小鸟
 晚上樱花狐狸ComfyUI工作流 晚上樱花狐狸ComfyUI工作流
 一个戴着破旧莎帽子的机械忍者站在冰林中 一个戴着破旧莎帽子的机械忍者站在冰林中
 树上一个快乐的猕猴桃ComfyUI工作流 树上一个快乐的猕猴桃ComfyUI工作流
 一个女人站在海边的岩石上,飞来一只鸟 一个女人站在海边的岩石上,飞来一只鸟
 一幅生动而古怪的时尚鸭子插图ComfyUI工作流 一幅生动而古怪的时尚鸭子插图ComfyUI工作流
 一幅以霓虹灯照亮的城市天际线和未来主义画 一幅以霓虹灯照亮的城市天际线和未来主义画
 沙漠里美丽的图阿雷格女孩ComfyUI工作流 沙漠里美丽的图阿雷格女孩ComfyUI工作流
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

 在线生成金属文字
 在线生成金属文字 css3画弹珠,可以滚动!
 css3画弹珠,可以滚动! 3d文字360度旋转
 3d文字360度旋转 利用js+css3做一个小鱼游泳特效
 利用js+css3做一个小鱼游泳特效 jquery做一个漂亮挂墙动态时钟
 jquery做一个漂亮挂墙动态时钟 纯html+css做一个3d统计效果
 纯html+css做一个3d统计效果 Bootstrap可视化拖放布局
 Bootstrap可视化拖放布局 黑客入侵效果代码
 黑客入侵效果代码










