JS格式化时间戳

JS格式化时间戳

    • 前言
    • 实例


前言

有的时候需要在前端,将时间戳转化为指定格式的日期格式,又或者我们需要截取一部分时间拼进主键。博主特地总结了一下自己的方法,直接看实例代码


实例

  /*** 将时间戳转化为年 月 日 时 分 秒* timestamps: 传入的时间戳* format:返回格式,支持自定义,如:* yyyy-mm-dd hh:mi:ss SSS* yyyy/mm/dd hh:mi:ss SSS* 获取日期格式字符串作为主键:yyyymmddhhmissSSS*/function formatTime(timestamps, format) {var date = new Date(timestamps);var finalstr=format;finalstr=finalstr.replace('yyyy', date.getFullYear());//年finalstr=finalstr.replace('mm', formatNum(date.getMonth() + 1));//月finalstr=finalstr.replace('dd', formatNum(date.getDate()));//天finalstr=finalstr.replace('hh',formatNum(date.getHours()));//时finalstr=finalstr.replace('mi', formatNum(date.getMinutes()));//分finalstr=finalstr.replace('ss', formatNum(date.getSeconds()));//秒finalstr=finalstr.replace('SSS', formatMilliseconds(date.getMilliseconds()));//毫秒//如果不想返回秒和毫秒,注释掉相应行数,传入参数时去掉该参数return finalstr;}//月,天,时,分,秒不足补位,// 返回的值是一个两位的数字。不过返回值不总是两位的,如果该值小于 10,则仅返回一位数字//如00点,只会返回一个数字0;6:00正的分钟数返回的是一个0function formatNum(arg0) {let str = arg0.toString();if (str.length == 1) {return "0" + str;} else {return str;}}//毫秒补位function formatMilliseconds(arg) {var str = arg.toString();if (str.length == 1) {return "00" + str;} else if (str.length == 2) {return "0" + str;} else if (str.length == 3) {return str;}}var sjc = new Date();//获取当前时间var sjc2 = sjc.getTime();//获取当前时间戳console.log("时间戳=="+sjc2);console.log("格式1=="+formatTime(sjc, 'yyyy-mm-dd hh:mi:ss SSS'));console.log("格式2=="+formatTime(sjc, 'yyyymmddhhmissSSS'));

运行结果截图:
在这里插入图片描述

创作不易,如果这篇文章能够帮助到你,希望能关注或收藏一下博主,如果文章内容有问题也可留言讨论,我们一起学习,一起进步!!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://xiahunao.cn/news/143847.html

如若内容造成侵权/违法违规/事实不符,请联系瞎胡闹网进行投诉反馈,一经查实,立即删除!

相关文章

js实现日期格式化

日期对象 一、日期对象1、获取当前系统时间2、日期的原始值3、获取年份4、获取月份5、获取日6、获取星期7、获取小时8、获取分钟9、获取秒 二、通过日期对象的方法实现日期格式化实现日期格式化效果图其中包含封装一个不够两位数就补零的函数 一、日期对象 Date()是一个构造函数…

JavaScript格式化数字

格式化数字:小数点前每三位添加逗号,小数点后不改变 介绍两种常用的格式化数字的方法: 字符串方法字符串replace正则表达式 function toThousands0(item){var item0item.toString();var dot"";if (item0.indexOf(".")!…

ps-混合模式使用技巧

1.“叠加”制造金属字体效果:硬度0%的白色画笔,画在字体图层,混合模式选择“叠加”,选中该图层按Alt键创建蒙版(蒙版区是黑色不见白色可见)。 (ps之前,注意字体变化)&am…

ps中常见的混合模式

加深组: 减淡组: 对比组:

ps的颜色混合模式算法

先附上中英文对比 C实现 #define ChannelBlend_Normal(A,B) ((uint8)(A)) #define ChannelBlend_Lighten(A,B) ((uint8)((B > A) ? B:A)) #define ChannelBlend_Darken(A,B) ((uint8)((B > A) ? A:B)) #define ChannelBlend_Multiply(A,B) ((uint8)((A * …

photoshop色彩混合模式理论基础教程

在多年的ps使用过程中,对颜色理论的不断加深,深深熟识到颜色理论给ps设计带来的丰富多彩的变化. 但是往往我们一边欣喜的使用着基于颜色理论的图像处理软件,一边在强调色感的重要而去弱化对色彩理论的研究. 这到底是所谓的返璞归真还是舍本逐末? 不排除任何伟大的艺术家,都有…

C4D R26 渲染学习笔记 建模篇(0):建模常识

往期文章 C4D R26 渲染学习笔记(1):C4D版本选择和初始UI框介绍 C4D R26 渲染学习笔记(2):渲染流程介绍 C4D R26 渲染学习笔记(3):物体基本操作快捷键 C4D如何建模 默认…

JavaScript 压缩图片

上传图片时候,遇到要上传很大的图片,上传的时候就会很慢。所以,需要对图片进行压缩处理来优化上传功能。 图片压缩函数: /* * 图片压缩* img 原始图片* width 压缩后的宽度* height 压缩后的高度* ratio 压缩比率 */fun…

使用ImageCompressor.js进行图片格式抓换,使用compressorjs压缩图片,优化功能,压缩所有格式的图片

上一篇文章写的图片压缩功能只适用于image/jpeg和image/webp图像。vue实现图片压缩,支持多文件上传时压缩图片(只能支持jpeg)_ZMJ_QQ的博客-CSDN博客 在实际开发中常见的图片格式还有png以及ios中的heic图片格式,需要压缩所有格式的图片&…

js压缩图片到指定大小

lizuncong (lizuncong) GitHubI am a strong believer in reverse engineering. lizuncong has 42 repositories available. Follow their code on GitHub.https://github.com/lizuncong 需求:前端上传图片的时候通常需要提供指定大小以内的图片。比如不大于500KB…

前端JS实现图片质量压缩

前端JS实现图片质量压缩 用户在选择图片文件进行上传的时候是不会考虑文件的大小的,比如场景: 某用户只是想更换一下自己的用户头像,于是用自己的手机拍了一张照片,上传到应用中更换用户头像,然而现在的手机拍照功能…

掌握JS压缩图片,这一篇就够了

前言 公司的移动端业务需要在用户上传图片是由前端压缩图片大小,再上传到服务器,这样可以减少移动端上行流量,减少用户上传等待时长,优化用户体验。 插播一下,本文案例已整理成插件,已上传 npm &#xff…

实现图片前端JS压缩并上传

一、图片上传前端压缩的现实意义 对于大尺寸图片的上传,在前端进行压缩除了省流量外,最大的意义是极大的提高了用户体验。 这种体验包括两方面: 由于上传图片尺寸比较小,因此上传速度会比较快,交互会更加流畅&#…

js实现对上传图片进行压缩并且预览

js实现对上传图片的路径转成base64编码&#xff0c;并且对图片进行压缩&#xff0c;实现预览功能 需要先引入jquery: <script src"http://i.gtimg.cn/qzone/biz/gdt/lib/jquery/jquery-2.1.4.js?max_age31536000"></script> 1、html如下 <body>…

JS中通过指定大小来压缩图片

前不久王二写了一个图片处理库&#xff0c;可以指定图片质量压缩图片&#xff0c;调用的是javaScript的原生方法 toDataURL 和 toBlob&#xff0c;库里有如下这些方法&#xff1a; 但是通过质量压缩图片有一些不足之处&#xff1a;无法确定压缩后图片的大小&#xff1b; 比如下…

JavaScript前端实现压缩图片功能

JavaScript前端实现压缩图片功能 为什么要前端来压缩图片接下来看下详细步骤 为什么要前端来压缩图片 最近在做一个移动端h5上传图片的功能&#xff0c;本来这个功能并不复杂&#xff0c;只需要将图片文件通过axios传到服务端即可&#xff0c;但是考虑到现在手机设配的拍照功能…

HTML实现纯前端压缩图片

演示 <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>压缩图片</title> </head> <bo…

前端js实现canvas压缩图片并上传

一. 上传前压缩图片的好处 可以减少用户的等待时间&#xff0c;提升使用体验&#xff0c;目前手机拍摄的图片文件大小一般在几 M 左右&#xff0c;文件直接上传时会有卡顿现象。可以减少服务端的存储空间。再次回去图片资源是也可以快速的加载。虽然目前阿里云的 oss 有相对应…

JS前端图片压缩上传-纯js

JS前端图片压缩上传-纯js 最近在做一个手机端的图片上传&#xff0c;写了一个比较符合自己要求的方法&#xff0c;可供参考 在做这个功能模块时&#xff0c;我遇到了以下问题&#xff0c;都花费了大量时间&#xff1a; 1. 不知道怎么压缩图片&#xff0c;&#xff08;代码和…

JS前端图片压缩上传

JS前端图片压缩上传重点知识 最近在做一个手机端的图片上传&#xff0c;写了一个比较符合自己要求的方法&#xff0c;可供参考 在做这个功能模块时&#xff0c;我遇到了以下问题&#xff0c;都花费了大量时间&#xff1a; 1. 不知道怎么压缩图片&#xff0c;&#xff08;代码…