dayjs获取X天前的时间

1.npm安装:

npm install dayjs --save


2.在用到的地方引入:

import dayjs from 'dayjs'


3.获取某天前的时间(以一周时间为例)

let sevenDaysAgo_time = dayjs().subtract(7, 'day')

如果想要格式化获取到的时间,可以用format去格式化

 

let sevenDaysAgo_time = dayjs().subtract(7, 'day') // 计算7天前的时间
let sevenDaysAgo = dayjs(sevenDaysAgo_time.$d).format()
//获取到的时间如下
console.log("sevenDay",sevenDaysAgo) //2022-07-18T09:39:33+08:00

如果想要YYYY-MM-DD HH:mm:ss这种格式的,可以这样写

let sevenDaysAgo = dayjs(sevenDaysAgo_time.$d).format("YYYY-MM-DD HH:mm:ss")

//2022-07-18 09:45:53
HBuilder X 是一款由 DCloud 开发的集成开发环境 (IDE),主要用于快速构建原生应用,包括 Android 和 iOS 平台。如果你想在 HBuilder X 的项目中动态显示系统时间,你可以通过以下步骤操作: 1. **引入依赖**:首先,在项目的 Vue 或小程序页面中,如果使用的是 Vue.js,可以安装 `moment` 或 `dayjs` 等插件来处理日期时间;如果是微信小程序,可以直接使用内置的 `wx.setStorageSync` 和 `wx.getStorageSync` 来获取和设置。 ```javascript // Vue.js示例 import moment from 'vue-moment'; // 初始化 mounted() { this.currentTime = moment().format('YYYY-MM-DD HH:mm:ss'); } ``` ```javascript // 微信小程序示例 Page({ data: { currentTime: '' }, onLoad() { let time = wx.getStorageSync('current_time', new Date()); this.setData({ currentTime: time.toLocaleString('yyyy-MM-dd HH:mm:ss', {timeZone: 'Asia/Shanghai'}) }); }, onRefresh() { let now = new Date(); wx.setStorageSync('current_time', now); this.setData({ currentTime: now.toLocaleString('yyyy-MM-dd HH:mm:ss', {timeZone: 'Asia/Shanghai'}) }); } }) ``` 2. **更新时间**:对于需要实时刷新的时间,可以在适当的生命周期钩子(如 `onLoad`, `onShow`, 或者自定义事件)中获取系统时间,并更新界面显示。 3. **显示在界面上**:将得到的时间值绑定到 HTML 元素上,比如 `<p>` 标签或其他合适的元素上: ```html <!-- Vue.js 示例 --> <p>{{ currentTime }}</p> <!-- 微信小程序示例 --> <view>{{ currentTime }}</view> ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值