vue自动计算日期天数

<el-form-item label="日期:">{{dateRange(this.begin,this.end)}}  ({{this.begin}}至{{this.end}})</el-form-item>

dateRange (t, t1) {let range = ''let sj = new Date(t)let sj1 = new Date(t1)let y = sj.getFullYear()let m = sj.getMonth() + 1let d = sj.getDate()let y1 = sj1.getFullYear()let m1 = sj1.getMonth() + 1let d1 = sj1.getDate()let month = Math.abs((y1 - y) * 12 + (m1 - m))// 扩展,计算两个日期相差多少年多少月多少天let y2 = Math.floor(month / 12)// 天数:如果d1<d,d1=30+d1,然后mont-1.如果d1>d,就直接d1-dlet mont = month % 12let day2 = Math.abs(d1 - d)if (d1 < d) {d1 = d1 + 30day2 = Math.abs(d1 - d)mont = mont - 1}if (y2 > 0) range += y2 + '年'if (mont > 0) range += mont + '月'if (day2 > 0) range += day2 + '天'return range
}

vue自动计算日期天数相关推荐

宜搭小技巧｜自动计算日期时长，3个公式帮你敲定
简介:使用「时间函数」实现日期时长自动计算功能,让表单填写更轻松. 上一期,我们学会了如何巧用日期组件保证时间填写不出错. 今天,宜小搭要出差,由于公司要根据出差时长发放补贴,但手动计算出差天数太麻烦 ...
NVL函数,NVL2函数的使用,查询日期天数
NVL函数作用:判断某个值是否为空值,若不为空值则输出,若为空值,返回指定值. 详细解释如下: 1.nvl()函数的格式如下: NVL(expr1,expr2); 2.含义是:如果oracle第一个 ...
【微信小程序】微信小程序获取当日以后的时间日期天数、星期
在微信小程序或者web项目中经常用到需要获取当前时间往后多少天并显示日期含星期几的需求,现在优化为只调用一个js函数,只需调用getDates(days)函数,传入需要显示多少天日期,即返回一个携带日 ...
日期天数记录工具：Days Countdown for Menu Bar
Days Countdown for Menu Bar是一个方便大家记录时间日期的Mac软件,可以从重要日期计算两天,能够包括每周.每月和每年重复发生的事件.这里为大家带来了Days Countdow ...
解决vue 提交日期格式数据，时间出现时区差的问题
解决vue 提交日期格式数据,时间出现时区差的问题一.错误源: 在自定义create_time ,进行前端vue 向后端django 传入数据时,发现 {'create_time': [ErrorD ...
vue过滤器日期倒计时
vue过滤器日期倒计时创建一个HTML元素在网页上显示日期时间,并与Vue实例进行数据绑定当前时间:<span>{{ date | formaDate }}</span> ...
vue+elementUI日期选择器实现选择日期，自动对应周几，并且是包含所选择日期的一周的日期
vue+elementUI日期选择器实现选择日期,自动对应周几之前在公司的项目里面遇到这个问题,如今想起来在这里总结一下,如果有更好的方法,请各位大神多多指教. 在template里面给选择日期的e ...
Vue指定日期选择框的值--自动计算过期时间
在开发过程中,有时需要对日期选择框设置一个默认值(比如当天.前几天或者是后几天)?如何自动计算过期时间?具体怎么实现呢,我们一起来看下. 本文主要根据两个小案例来讲解通过js设定日期控件的值, ...
最详细前端vue框架实现结束日期大于开始日期以及计算两个日期天数差
我这里用的是@change,它是根据焦点来触发的,就是说你的框(输入框或者选择框等)发生变化而且失去焦点(失去焦点就是鼠标从该框上移开并点击别的地方,解释可能不太恰当哈)时触发. 首先在我们添加或者修 ...
Antd Vue range-picker 日期初始值设置与重置日期踩坑总结
一.业务场景: 1.用form表单包裹,用的是 Antd Vue range-picker链接 2.创建时间初始值设置为当天的 00:00:00-23:59:59:如下截图: 2.日期选择器如下截图: ...

vue自动计算日期天数

vue自动计算日期天数相关推荐

最新文章

热门文章