Layui日期选择器+两个日期之间天数计算

Layui日期选择器+天数计算

下面这个图片就是我们Layui双控组件的日期范围选择器，可以选择起始时间和终止时间，那么针对于这个组件我们该怎么获取它的具体天数呢？

首先：我的需求是是要年-月-日的格式,所以把type: 'datetime'给注释掉。在我们选完日期后会触发done，同时它的value就是我们的日期范围：

具体代码

 //双控件laydate.render({elem: '#test1' //指定元素// ,type: 'datetime',trigger: 'click'//,lang: 'en'//,theme: 'grid',range: true //开启日期范围，默认使用“-”分割//,min: '1949-10-1'//,max: '2021-5-9'//,value: '2021-05-09 12:06:09'//,value: '2021-05-08 - 2021-03-27',done: function(value, date, endDate){alert('aaaa')console.log('value'+value);// console.log(endDate - date);//起始时间let first = value.substr(0,10);let f1 = new Date(first);//终止时间let last = value.substr(13,13);let l1 = new Date(last);var day = l1.getTime() - f1.getTime();var time = parseInt(day/(1000*60*60*24));}});

接着开始测试

打开控制台查看console.log(‘value’+value);的结果

接着我们只要进行字符串的分割还有时间的转化就可以啦，具体看上面的代码！！！

最后得到的time就是我们的时间了，具体效果看下图：

完成收工！

Layui日期选择器+两个日期之间天数计算相关推荐

java 判断两个日期时间/两个时间戳之间相隔多少天，也可用于获取从1970年以来到某个时间之间相隔多少天
日萌社人工智能AI:Keras PyTorch MXNet TensorFlow PaddlePaddle 深度学习实战(不定时更新) java 判断时间范围 java 判断两个日期时间/两个时间戳 ...
vue+elementUI日期选择器实现选择日期，自动对应周几，并且是包含所选择日期的一周的日期
vue+elementUI日期选择器实现选择日期,自动对应周几之前在公司的项目里面遇到这个问题,如今想起来在这里总结一下,如果有更好的方法,请各位大神多多指教. 在template里面给选择日期的e ...
算法笔记之旅 | 日期之间天数计算
目录计算两个日期中间的天数计算逻辑处理闰年以及年月天数情况处理正常逻辑年月一致年一致,月不一致年月都不一致代码实现计算两个日期中间的天数日常刷题碰到的,有计算两个日期之间天数的,有 ...
js计算两个时间之间天数差的实例代码
days = dateDiff(d1,d2); 调用该函数传递两个时间值:2013-01-19 2013-12-19 if(validatePeriod(date1Year,date1Month, ...
element 日期选择器el-date-picker 月份/日期范围控制
element 日期选择器el-date-picker 月份范围控制 <template> <el-date-pickertype="month"v-model= ...
html表单日期选择器ppt,DatePicker 日期选择框
## DatePicker 日期选择器 ### 该文档不再维护,新版文档地址: [form-create 文档](http://fc.gd8.top) #### [在线预览](https://jsru ...
java两个字符串相隔天数,计算两个日期之间相隔天数
直接上传代码: import java.util.Calendar; import java.text.SimpleDateFormat; import java.text.ParseExceptio ...
iview日期选择器更改显示日期书_如何动态设置 iview DatePicker 控件的禁用日期（option）...
在公司开发的过程中遇到的问题,我们采用了iview的Vue框架. 现有一个需求:用户在初始时页面后,DatePicker 的可选时间范围不作限制,用户可选择任意一天.当用户选择了某一天(planTim ...
android md日期选择器,移动端日期选择
image.png 自己修改源的源码更加方便好用!粘贴即用,不明白的可以问我wx: xin32934 Mdate.js 是一款依托于iScroll.js的日期选择小型插件,可滑动选择年.月.日,只适用 ...

Layui日期选择器+两个日期之间天数计算

Layui日期选择器+天数计算

Layui日期选择器+两个日期之间天数计算相关推荐

最新文章

热门文章