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
    评论
### 回答1: Vue差值语法是一种在 HTML 的模板中插入 JavaScript 表达式的方式,它允许开发者在 HTML 页面上动态渲染数据。一个简单的例子是,如果您在 Vue 实例中定义一个变量 message,可以使用{{ message }}来在 HTML 页面上渲染其值。 ### 回答2: Vue差值语法是一种用于将变量、表达式或者JavaScript函数结果插入到HTML模板中的方法。它是Vue用来实现数据绑定的一部分,可以方便地将数据动态地展示在页面上。 举一个简单的例子来说明差值语法的使用: 假设有一个Vue实例,其中有一个名为message的数据属性,并且message的值为"欢迎来到Vue的世界"。我们希望将这个message的值显示在页面上。 在HTML模板中,可以使用双花括号{{}}来包裹需要插入的数据。因此,我们可以在HTML中写入以下代码: <div> {{ message }} </div> 在浏览器中渲染这个页面时,Vue会将message的值替换到双花括号的位置上,从而输出: <div> 欢迎来到Vue的世界 </div> 这样,我们就成功地将message的值动态地插入到了页面上。 另外,差值语法不仅仅支持变量的插入,还可以插入表达式和JavaScript函数的结果。比如: <div> {{ message.toUpperCase() }} </div> 这段代码会将message的值转换为大写字母后插入到页面中。 <div> {{ date.getTime() }} </div> 这段代码会插入一个JavaScript函数date.getTime()的执行结果,即当前时间时间戳。 总的来说,Vue差值语法是一种简洁而强大的方式,可以方便地将数据动态地显示在HTML模板中,使页面具有更好的交互性和用户体验。 ### 回答3: Vue差值语法是一种在Vue模板中使用的特殊语法,用于在HTML标签属性中插入Vue实例的数据,也可以直接将数据显示在页面上。 举个例子,假设我们有一个Vue实例,其中有一个叫做message的属性,值为"Hello, Vue!"。我们可以在HTML模板中使用差值语法将message的值显示在页面上。 ```html <div id="app"> <p>{{ message }}</p> </div> ``` 在上面的例子中,我们使用双大括号{{ }}围住message,将其作为差值语法的表达式进行解析。在页面渲染时,Vue会将message的值"Hello, Vue!"插入到p标签中,最终渲染出如下结果: ```html <div id="app"> <p>Hello, Vue!</p> </div> ``` 除了在HTML标签内使用差值语法,我们还可以在HTML标签属性中使用。例如,我们想要将message的值作为img标签的alt属性: ```html <div id="app"> <img src="example.jpg" alt="{{ message }}"> </div> ``` 在上面的例子中,差值语法被嵌入到alt属性中。在页面渲染时,Vue会将message的值"Hello, Vue!"作为alt属性的值,最终渲染出如下结果: ```html <div id="app"> <img src="example.jpg" alt="Hello, Vue!"> </div> ``` 总之,Vue差值语法是一种非常方便的方式,可以轻松地将Vue实例的数据插入到HTML模板中。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值