首页 > 其他分享 >Vue3取当前时间和一个小时后的时间。

Vue3取当前时间和一个小时后的时间。

时间:2024-10-26 17:21:31浏览次数:8  
标签:const String formatDate padStart 时间 Vue3 date 小时 now

const formatDate=(date)=> {//初始化时间

      // 格式化日期为 YYYY-MM-DD HH:mm:ss

      const year = date.getFullYear();

      const month = String(date.getMonth() + 1).padStart(2, '0'); // 月份从 0 开始

      const day = String(date.getDate()).padStart(2, '0');

      const hours = String(date.getHours()).padStart(2, '0');

      const minutes = String(date.getMinutes()).padStart(2, '0');

      const seconds = String(date.getSeconds()).padStart(2, '0');

      return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;

    }

  const now = new Date(); // 获取当前时间

// 格式化当前时间

  startTime.value = formatDate(now);

  // 计算一个小时后的时间

  const oneHourLaterDate = new Date(now.getTime() + 60 * 60 * 1000);

  // 格式化一个小时后的时间

  endTime.value = formatDate(oneHourLaterDate);

标签:const,String,formatDate,padStart,时间,Vue3,date,小时,now
From: https://blog.csdn.net/Llongfyjc/article/details/143111185

相关文章

  • Vue3中取当前日期并且取当前日期的前10天和后30天。并把每个日期的日放到一个数组里面
    consttoday=newDate();//获取当前日期constdateArray=[];constdayArray=[];//计算前10天for(leti=10;i>0;i--){constpastDate=newDate(today);pastDate.setDate(today.getDate()-i);dateArray.push(......
  • 【C++ 图论 DFS】1443. 收集树上所有苹果的最少时间|1682
    本文涉及知识点C++图论C++DFSLeetCode1443.收集树上所有苹果的最少时间给你一棵有n个节点的无向树,节点编号为0到n-1,它们中有一些节点有苹果。通过树上的一条边,需要花费1秒钟。你从节点0出发,请你返回最少需要多少秒,可以收集到所有苹果,并回到节点0。无向......
  • vue3+java+springboot在线考试系统(08169)
    目录功能介绍具体实现截图技术介绍开发核心技术介绍:技术创新点vue3和vue2的区别:核心代码部分展示非功能需求分析系统开发流程软件测试源码获取功能介绍随着社会的发展,系统的管理形势越来越严峻。越来越多的用户利用互联网获得信息,但各种信息鱼龙混杂,信息真假难以辨......
  • 计算机网络整体认识,尝试以最少的时间让你知道计网(只要问一下自己就可以知道什么是计网
    文章目录前言一、计算机网络是什么二、物理层三、数据链路层(使用MAC地址)四、网络层(使用IP地址)五、传输层(TCP/IP、UDP)六、应用层(HTTP、FTP、SMTP、DNS)下面是我对计网的浅识认知,单纯是个人经验,有不足的地方可以在评论区中指正,我看到后会进行修正。我的目的是以最少的篇......
  • Java 时间戳 获取当前时间 可读格式
    学习笔记1.时间戳的定义在Java中,时间戳通常表示自1970年1月1日00:00:00UTC以来的毫秒数。Java提供了多种方式来处理时间戳。2.获取当前时间戳你可以使用System.currentTimeMillis()方法来获取当前的时间戳(以毫秒为单位)。longtimestampMillis=System.currentTi......
  • 如何使用NTP同步时间?
    ​一、NTP通信概述很多场景中,由于业务需要,模块需要保持正确的系统时钟,才能正常工作。但是模块上电后的初试时间戳是946713600(即2000/01/01,16:00:00),所以同步时钟成为了开发者要解决的重要问题。对于Cat.1模块,移动/电信卡,通常会下发基站时间,那么sntp就不是必要的,而联通卡通常......
  • LLM-Mixer: 融合多尺度时间序列分解与预训练模型,可以精准捕捉短期波动与长期趋势
    近年来,大型语言模型(LargeLanguageModels,LLMs)在自然语言处理领域取得了显著进展。受此启发,研究人员开始探索将LLMs应用于时间序列预测任务的可能性。由于时间序列数据与文本数据在特征上存在显著差异,直接将LLMs应用于时间序列预测仍面临诸多挑战。为了解决这一问题,Jin等......
  • 在 PowerShell 中使用 dir | % { $_.CreationTime } 可以列出当前目录中所有文件和文
    在PowerShell中使用dir|%{$_.CreationTime}可以列出当前目录中所有文件和文件夹的创建时间。这里的%是ForEach-Object的简写,$_表示当前对象。如果你想要以更友好的格式输出这些创建时间,可以使用以下命令:powershellCopyCodedir|ForEach-Object{$_.CreationTi......
  • C++获取当前时间并格式化为字符串
    代码一#include<iostream>#include<chrono>intmain(){ autonowTime=std::chrono::system_clock::now(); autonowTimeT=std::chrono::system_clock::to_time_t(nowTime); autopNowTm=std::localtime(&nowTimeT); charbuf[128]; std::strfti......
  • Vue3 新特性、Pinia
    一、新特性- defineOptions背景说明因为我们用了<scriptsetup>语法,没办法给setup去提供一些平级的属性,官方就提供了一个叫做defineOptions的语法      所以在Vue3.3中引入了defineOptions宏,用来定义OptionsAPI的选项。可以用defineOptions定义......