vue 计算时间 差值

16 篇文章 0 订阅
     getTimedata(){
   
     let dat = "2019-07-12 10:26:50"
    //  split("/")

    let  getYeardata = dat.split(" ")[0];
     let  getTimedata = dat.split(" ")[1];
    //  年月日  时分秒
  const beforeYear = getYeardata.split("-")[0];
  const beforeMonth = getYeardata.split("-")[1];
  const beforeDate = getYeardata.split("-")[2];
  const beforeHours = getTimedata.split(":")[0];
  const beforeMinutes = getTimedata.split(":")[1];
  const beforeSeconds = getTimedata.split(":")[2];

  //  var myDate = new Date();  
//myDate.getYear(); //获取当前年份(2位)  
//myDate.getFullYear(); //获取完整的年份(4位,1970-????)  
//myDate.getMonth(); //获取当前月份(0-11,0代表1月)         // 所以获取当前月份是
//myDate.getMonth()+1;   
//myDate.getDate(); //获取当前日(1-31)  
//myDate.getDay(); //获取当前星期X(0-6,0代表星期天)  
//myDate.getTime(); //获取当前时间(从1970.1.1开始的毫秒数)  
//myDate.getHours(); //获取当前小时数(0-23)  
//myDate.getMinutes(); //获取当前分钟数(0-59)  
//myDate.getSeconds(); //获取当前秒数(0-59)  
//myDate.getMilliseconds(); //获取当前毫秒数(0-999)  
//myDate.toLocaleDateString(); //获取当前日期  
//var mytime=myDate.toLocaleTimeString(); //获取当前时间  
//myDate.toLocaleString( ); //获取日期与时间  
  const myDate = new Date();  
  
    myDate.getFullYear(); //获取完整的年份(4位,1970-????)  
    myDate.getMonth(); //获取当前月份(0-11,0代表1月)      
myDate.getDate(); //获取当前日(1-31)  

myDate.getHours(); //获取当前小时数(0-23)  
myDate.getMinutes(); //获取当前分钟数(0-59)  
myDate.getSeconds(); //获取当前秒数(0-59)  

// 计算差值  
const  getDifference = (myDate.getFullYear() - beforeYear)*365*24*60*60
        +(myDate.getMonth() - beforeMonth +1)*30*24*60*60
        +(myDate.getDate() - beforeDate )*24*60*60
        +(myDate.getHours() -  beforeHours )*60*60
        +(myDate.getMinutes() - beforeMinutes  )*60
        +(myDate.getSeconds() - beforeSeconds )
        }

 

  • 0
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
Vue计算时间类型可以使用moment.js库来处理日期和时间。可以通过导入moment库并使用其中的方法来计算时间或格式化时间。 在引用\[1\]中的代码示例中,handleTimeLength函数使用moment().diff方法来计算当前时间与给定时间之间的差值,可以指定类型为minutes、hours、days、seconds等,根据需求传递参数即可。 在引用\[2\]中的代码示例中,getTime方法使用Date对象来获取当前时间并进行格式化。可以通过设置Date对象的时间获取前几天或后几天的时间,然后使用padStart方法来补齐格式化后的时间字符串。最后返回格式化后的时间字符串。 在引用\[3\]中的代码示例中,data中定义了nowWeek、aa和bb三个变量,created生命周期钩子函数中使用setInterval方法来定时更新时间。在定时器中调用getTime方法来获取当前时间并赋值给aa和bb变量。 综上所述,Vue计算时间类型可以使用moment.js库来处理日期和时间,可以通过moment().diff方法计算时间,也可以使用Date对象来获取当前时间并进行格式化。 #### 引用[.reference_title] - *1* [vue动态计算表格列两个时间差值](https://blog.csdn.net/ssssummer/article/details/123335649)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* *3* [vue获取时间并格式化时间类型](https://blog.csdn.net/ch_13157582015/article/details/121352464)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值