js封装

export const calcDate = (date1, date2) => {let date3 = date2 - date1let days = Math.floor(date3 / (24 * 3600 * 1000))let leave1 = date3 % (24 * 3600 * 1000) //计算天数后剩余的毫秒数let hours = Math.floor(leave1 / (3600 * 1000))let leave2 = leave1 % (3600 * 1000) //计算小时数后剩余的毫秒数let minutes = Math.floor(leave2 / (60 * 1000))let leave3 = leave2 % (60 * 1000) //计算分钟数后剩余的毫秒数let seconds = Math.round(date3 / 1000)return {leave1,leave2,leave3,days: days,hours: hours,minutes: minutes,seconds: seconds,}}/*** 日期格式化*/export function dateFormat(date, format) {// format = format || 'yyyy-MM-dd hh:mm:ss'    //带时间yyyy-MM-dd hh:mm:ss'format = format || 'yyyy-MM-dd'    //不带时间yyyy-MM-dd hh:mm:ss'if (date !== 'Invalid Date') {let o = {'M+': date.getMonth() + 1, //month'd+': date.getDate(), //day'h+': date.getHours(), //hour'm+': date.getMinutes(), //minute's+': date.getSeconds(), //second'q+': Math.floor((date.getMonth() + 3) / 3), //quarterS: date.getMilliseconds(), //millisecond}if (/(y+)/.test(format))format = format.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length))for (let k in o)if (new RegExp('(' + k + ')').test(format))format = format.replace(RegExp.$1,RegExp.$1.length === 1 ? o[k] : ('00' + o[k]).substr(('' + o[k]).length))return format}return ''}

vue文件引入

 <el-date-pickerv-model="value1"type="daterange"range-separator="至"start-placeholder="开始日期"end-placeholder="结束日期"@change="drylist"></el-date-picker>import { dateFormat } from "../../utils/date";const drylist = () => {state.formInline.startDate = dateFormat(state.value1[0]);state.formInline.endDate = dateFormat(state.value1[1]);console.log("日期时间转换",state.formInline.startDate,state.formInline.endDate);};

效果

JS 中国标准时间转换yy-mm-dd HH:mm:ss相关推荐

  1. 【怒怼老乔】苹果手机ios系统居然特喵的不支持日期yyyy-MM-dd HH:mm:ss.ms,只支持 yyyy/MM/dd HH:mm:ss

    苹果手机ios系统居然特喵的 不支持日期yyyy-MM-dd HH:mm:ss.ms, 只支持yyyy/MM/dd HH:mm:ss 我只能用 .replace(/\-/g,'\/'); 来替换掉了, ...

  2. Kettle5.2 couldn't convert string [...] to a date using format [yyyy/MM/dd HH:mm:ss.SSS]

    使用kettle出现 couldn't convert string [...] to a date using format [yyyy/MM/dd HH:mm:ss.SSS] 试了各种方法,最后发 ...

  3. C# 中的年月日时分秒 yyyy MM dd HH mm ss

    C# 中的年月日时分秒 yyyy MM dd HH mm ss 其中大小写含义不同,不能混用 年:yyyy 月:MM 日:dd(1-31) DD(0-365) 时:hh:12小时制 HH:24小时制 ...

  4. Java中对中国标准时间进行格式化(yyyy-MM-dd HH:mm:ss)两种方法

    Java中国标准时间进行格式化的两种方法,如下 package time;import java.text.ParseException; import java.text.SimpleDateFor ...

  5. spring boot + vue 前后端分离时间戳转换为 yyyy:MM:dd HH:mm:ss格式

    后端 1.model(entity)注释直接转换 当返回类型为resultMap,在entity类里面相应属性上加上以下注释 @JsonFormat(pattern="yyyy-MM-dd ...

  6. js时间格式化 YYYY/MM/DD HH:MM:SSS

    /*** 将"2018-05-19T08:04:52.000+0000"这种格式的时间转化为正常格式* @param time*/ function timeFormat(time ...

  7. 时间格式区别之YYYY/MM/dd HH:mm 与 yyyy/MM/dd HH:mm

    1. 相应的业务场景 1.1 场景简介 正值2019年末,2020年初之际,系统日期时间为2019/12/31而系统报表却出现了2020/12/31的日期. 1.2 代码案例如下 2.Java中YYY ...

  8. java 通配符 日期_java – 使用带有通配符支持的SimpleDateFormat解析日期字符串(例如* yyyy * MM * dd * hh * mm * ss)...

    首先,我想知道是否存在类似于SimpleDateFormat但是支持通配符的现有库?如果没有,最好的办法是什么? 我有这个问题,我需要匹配并从文件名中提取日期,但我似乎无法找到适合这种情况的方法.虽然 ...

  9. 小程序日期格式(yyyy-MM-dd HH:mm:ss)转(yyyy/MM/dd HH:mm:ss)

    let newDate = (date).replace(/-/g, '/'); var date = new Date(newDate).getTime(); 转载于:https://www.cnb ...

最新文章

  1. 获取request的变量
  2. 区块链共识机制及其迭代
  3. ASP.NET 安全认证(一)
  4. java mvc模式工作流程_SpringMVC的简介和工作流程
  5. mysql5.7.19带源码_CentOS7 + Nginx1.13.5 + PHP7.1.10 + MySQL5.7.19 源码编译安装
  6. JavaScript算法相关
  7. 谈谈我对MVC的View层实现的理解
  8. 经典面试题(5):小心javascript自动插入分号机制
  9. mysql数据库根目录恢复_MySQL中数据导入恢复的简单教程
  10. raspberry pi_用Raspberry Pi制作婴儿监视器
  11. linux 创建目录和删除目录下,Linux下怎么创建目录命令与删除命令
  12. python比java_对比java和python对比
  13. 分布式计算机系统概要
  14. ttk python_python GUI ttk库 -- Apple的学习笔记
  15. python中e怎么计算_Python之循环结构——实战计算自然底数e,圆周率Π
  16. 使用PowerShell替代WinDbg在高分辨率笔记本下调试、排错
  17. 八爪鱼软件爬取数据的操作流程
  18. 349-git各阶段版本回退命令
  19. 【已收到Offer】小米前端实习面经(一、二面)
  20. 关于广义莫比乌斯反演的思考

热门文章

  1. K13252 [国王游戏2]
  2. 2014年互联网IT公司产品、技术类人员工资待遇汇总 2015部分补充
  3. TextView 的各种max 及maxEms是什么意思
  4. 用easywechat插件做微信支付
  5. 关于Python中的引用
  6. 支付宝客户端架构分析:自动化日志收集及分析 1
  7. 推荐学习-数据结构与算法之美
  8. idata 单片机 新唐_【nuvoton新唐8051单片机】NuTiny-SDK-N76E003开发板
  9. 康拓普:数据可视化如何让大数据更加人性化?
  10. 【Java基础】· IO流习题详解