当前位置: 首页 > news >正文

使用Vue3和Day.js来计算一个日期,并将结果格式化为YYYY-MM-DD格式

使用npm或yarn来安装day.js

npm install dayjs
# 或者
yarn add dayjs

vue组件中使用

<template>
  <div>
    {{ formattedDate }}
  </div>
</template>
 
<script>
import { ref, onMounted } from 'vue';
import dayjs from 'dayjs';
 
export default {
  setup() {
    const formattedDate = ref('');
 
    onMounted(() => {
      const today = dayjs().startOf('day'); // 获取今天的日期并设置到午夜
      const twelveDaysAgo = today.subtract(12, 'days'); // 从今天减去12天
      const tomorrow = twelveDaysAgo.add(1, 'days'); // 再加一天得到昨天的日期
      formattedDate.value = tomorrow.format('YYYY-MM-DD'); // 格式化日期
    });
 
    return {
      formattedDate
    };
  }
};
</script>


http://www.mrgr.cn/news/37594.html

相关文章:

  • babylon.js-1:入门篇
  • Linux-RedHat7.4-服务器搭建FTP
  • GUI-单选框和多选框
  • Cilium + ebpf 系列文章- (六)Cilium-BGP与分发-EXTERNAL-IP
  • 2024年项目经理不能错过的开源项目管理系统大盘点:全面指南
  • Codeforces Round 972 (Div. 2) A~E
  • THREE.JS法线Shader
  • 为什么优秀的工厂更重视生产现场
  • en造数据结构与算法C# 之 二叉排序树的增/查
  • 视觉分析在垃圾检测中的应用
  • c#中字符串处理的技巧集合
  • IGZO基底无电容DRAM单元前景看好
  • 视频生成模型哪家强?豆包可灵通义海螺全面评测【AI评测】
  • 复现 BEVfusion bug集合(4090d)
  • 实例讲解电动汽车故障限功限速控制策略及Simulink建模方法
  • RuoYi-Vue实现后台管理系统去掉首页/默认跳转动态路由第一个路由
  • 鸿蒙OS开发之动画相关示例分享, 关于弹出倒计时动画的实战案例源码分享
  • 网通产品硬件设计工程师:汽车蓝牙收发器用网络隔离变压器有哪些选择呢?
  • 2025台球展,2025河南台球及配套设施展览会3月举办
  • 【10月 EI会议推荐】电子信息技术、人工智能、智能制造、计算机技术等方向会议推荐