vue 好用的日期函数(计算两个日期之间差多少天，月，年)

最新推荐文章于 2023-05-06 09:23:08 发布

JYwang__

最新推荐文章于 2023-05-06 09:23:08 发布

阅读量2.4k

点赞数 1

文章标签： vue.js javascript 前端 Powered by 金山文档

本文链接：https://blog.csdn.net/WANGJia_____/article/details/129199214

版权

moment.js

//1.引入插件 moment
npm install moment
//2.在mai.js中声明
import moment from 'moment';
//挂载到原型
Vue.prototype.$moment = moment ;
//汉化，否则显示日期格式是国外的日期格式
moment.locale("zh-CN");

//文件中调用
this.$moment()

废话不多说直接上代码

this.$moment("2023-02-23").diff(this.$moment("2021-01-03"),'day')
//51

moment.js非常强大，是前端开发中对日期处理非常好用的函数，其中包括对日期的格式化处理，获取当月第一天，本周第一天等等.

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

JYwang__

关注关注

1
点赞
踩
11

收藏

觉得还不错? 一键收藏
1
评论
vue 好用的日期函数(计算两个日期之间差多少天，月，年)

moment.js非常强大，是前端开发中对日期处理非常好用的函数，其中包括对日期的格式化处理，获取当月第一天，本周第一天等等.废话不多说直接上代码。
复制链接

扫一扫

如何计算两个指定日期相差几年几月几日

henanlion的博客

02-03

1566

ChatGPT为什么能够运算，本质上其内部还是调用了python来处理，当然我们也可以让它给我们生成Python代码，并加以修改后就可以使用了。不过在Python中我们需要考虑多种因素，如月份大小，年份大小等，同时还得安装Python软件，手动输入日期，计算过程比VBA可能还要复杂一点。以上计算的前提是B1的日期要大于A1的日期，如果A1日期大于B1日期时，应用上面的公式会出错，这时可以加上if判断来计算。假定给出两个日期，让你计算两个日期之间相差多少年，多少月，多少天，应该如何操作呢？

【VUE】日期选择组件-快捷选择昨日/近7日/近30日

SZnAl的博客

03-20

1626

封装日期选择组件，可快捷选择昨日，近7日，近30日

1 条评论您还未登录，请先登录后发表或查看评论

vue+element-组件中的时间怎么计算天数

红岸基地

03-19

6688

之前写过饿了吗的时间组件的使用的方法，但是我们实际操作的过程中其实很多的时候是需要根据用户输入的时间来判断他们的时间间隔的，所以今天就简单的写一个可以世界调用的方法用来处理计算中间的天数。不BB，看代码： /** * @DateDiff 计算相差的天数 * @param Date_end 结束时间 * @param Date_star...

vue 日期减日期获取天数

weixin_44276396的博客

11-26

3150

let day = new Date(2020-10-01).getTime() - new Date(2020-09-01).getTime();//日期转时间戳 let dayCount = Math.floor(day / 86400000) ;//时间戳获取天数

vue-js实现日期加减，年月日，及单位换算。

CCKing7的博客

12-23

9050

1.点击年份加一 2.点击年份减一 3.点击月份加一 4.点击月份减一 5.点击天数加一 6.点击天数减一

vue推算最近n天的日期，两种方法

码农舟舟的博客

08-05

775

vue推算第n天的日期，两种方法推荐

vue实现自定义日期组件功能的实例代码

10-17

然后计算出第一个星期几的索引`oNow`，以及总共有多少个日期格子`SumDayLiNum`。 - `showDayList`方法负责填充日期列表`dayList`，并设置每个日期项的样式属性，例如`marginRight0`。 5. **逻辑判断**： - `...

ASP.NET如何获取两个日期之间的天数

01-20

在ASP.NET开发中，有时我们需要计算两个日期之间相隔的天数，这在处理日程管理、数据分析或者用户界面交互时非常常见。本篇将详细解释如何通过C#语言在ASP.NET环境中获取两个日期之间的天数，并提供相关扩展知识，...

基于vue2.0+vuex的日期选择组件功能实现

08-31

在 Vue2.0 项目中，创建一个日期选择组件可以极大地提高代码复用性和用户体验。首先，我们需要理解Vue组件的基本结构。组件是Vue的核心特性，它们允许我们将UI拆分成可重用的部分。在这个案例中，我们创建了一个名...

串接網頁（当前日期，或者当前季度两种）

最新发布

01-08

在组件的生命周期钩子函数中，如`created()`或`mounted()`，我们可以创建一个新的Date实例，并使用其方法`getDate()`, `getMonth()`, 和 `getFullYear()`来获取年、月、日。例如： ```javascript export default { ...

计算两个时间之间的年数、月数、天数等

03-07

计算两个时间之间的年数、月数、天数、时、分、秒，计算两个时间之间的年数、月数、天数、时、分、秒

详解mysql 获取当前日期及格式化

12-16

在MySQL中，获取和格式化日期是数据库操作中常见的任务，尤其对于数据分析和报表生成至关重要。MySQL提供了多种函数来帮助用户...无论是记录事件、计算时间差还是生成按日期排序的报告，这些函数都是必不可少的工具。

Vue中根据时间戳计算时间间隔-年龄

BXA

12-02

3957

根据时间戳转化年龄实现目标功能代码内容小结实现目标功能代码 this.patientAge = this.toAge(this.$route.query.age); toAge(timeStamp) { let birthDate = this.toDate(timeStamp).substr(0, 4); ...

vue 获取某一年每月的天数

weixin_52642536的博客

11-29

1236

//获取某一年每月的天数,返回数组(12个元素) exportfunctiongetDaysByYear(year){ lettemp=[] for(leti=1;i<13;i++){ temp.push(newDate(year,i,0).getDate()) } returntemp } ...

VUE，获取当前时间和获取指定日期进行加减

mykingblueblue的博客

05-06

1095

【代码】VUE，获取当前时间和获取指定日期进行加减。

Vue,Js获取当前时间减去指定天数,日期月份补零（返回始末时间区间）

Kimser

11-06

4043

写在Vue项目utils文件下 /** * 获取指定天数之前日期（返回一个时间区间） * @param {*} obj */ export function getTimeInterval(time) { //time为减去的指定天数 const date1 = new Date() const date2 = new Date(date1) // -30为30天前，+30可以获得30天后的日期 date2.setDate(date1.getDate() - time) .

vue js实现获取两个日期之间所有日期

这是我的博客

01-04

5514

// 计算续住的总日期列表 getAll(begin, end) { let arr1= begin.split("/"); let arr2= end.split("/"); let arr1_= new Date(); let arrTime = []; arr1_.setUTCFullYear...

VUE 中时间格式化函数

weixin_45392774的博客

08-26

304

/** * 格式化函数，给日期格式化 * date为 new Date()对象， fmt为 'yyyy-MM-dd'的格式 */ export function formatDate(date, fmt) { //获取年份 if (/(y+)/.test(fmt)) { let dateY = date.getFullYear() + ""; //RegExp.$1 在判断中出现过，且是括号括起来的，所以 RegExp.$1 就是 "yyyy" fmt = fmt.

JS计算两个日期之间相差的年份

热门推荐

sunyqcn的博客

02-22

1万+

JS Date

vue moment计算两个日期之间的天数去掉周六日

09-01

使用Vue和moment.js库来计算两个日期之间的天数并排除周六和周日，可以按照以下步骤进行操作：步骤1：安装moment.js和Vue库首先，需要在项目中引入moment.js和Vue库。可以通过npm命令安装它们： ``` npm install moment vue ``` 步骤2：在Vue组件中引入moment.js和创建计算方法在Vue组件中，我们需要引入moment.js，并创建一个计算方法来计算两个日期之间的天数并排除周六和周日。可以按照以下代码示例进行操作： ```javascript <template> <div> <p>两个日期之间的天数（去掉周六日）: {{ daysBetweenDates }}</p> </div> </template> <script> import moment from 'moment'; export default { data() { return { startDate: '2021-01-01', endDate: '2021-01-15', }; }, computed: { daysBetweenDates() { let startDate = moment(this.startDate); let endDate = moment(this.endDate); let days = endDate.diff(startDate, 'days') + 1; // 加1是为了包括开始日期和结束日期 // 排除周六日 let weekends = 0; for (let i = 0; i < days; i++) { let currentDate = startDate.clone().add(i, 'days'); if (currentDate.isoWeekday() > 5) { // isoWeekday()函数返回1-7，1表示周一，7表示周日 weekends++; } } let daysWithoutWeekends = days - weekends; return daysWithoutWeekends; }, }, }; </script> ``` 在上述代码中，我们首先引入了moment.js库，然后在组件的计算属性中创建了一个方法来计算两个日期之间的天数。我们使用moment函数将给定的日期字符串转换为moment日期对象，并使用diff函数计算两个日期之间的天数。然后，我们使用for循环检查每一天的周几，如果是周六或周日，就将计数器weekends加1。最后，我们使用总天数减去周六和周日的天数，得到最终的结果。需要注意的是，上述代码中的起始日期和结束日期是通过data属性定义的。你可以根据自己的需求将其修改为具体的起始日期和结束日期。