您的当前位置:首页>全部文章>文章详情

【JavaScript】JS获取时间并格式化

CrazyPanda发表于:2024-08-14 15:05:11浏览:293次TAG:

方法一:使用JavaScript的Date对象和相关方法来获取时间并格式化

var now = new Date();
 
// 格式化日期
var year = now.getFullYear();
var month = (now.getMonth() + 1 < 10 ? "0" : "") + (now.getMonth() + 1);
var day = (now.getDate() < 10 ? "0" : "") + now.getDate();
 
// 格式化时间
var hours = (now.getHours() < 10 ? "0" : "") + now.getHours();
var minutes = (now.getMinutes() < 10 ? "0" : "") + now.getMinutes();
var seconds = (now.getSeconds() < 10 ? "0" : "") + now.getSeconds();
 
// 输出格式化后的时间
var formattedTime = year + "-" + month + "-" + day + " " + hours + ":" + minutes + ":" + seconds;
console.log(formattedTime);

方法二:使用第三方库moment.js来获取时间并格式化

var now = moment();
 
// 格式化日期
var formattedDate = now.format("YYYY-MM-DD");
 
// 格式化时间
var formattedTime = now.format("HH:mm:ss");
 
// 输出格式化后的时间
var formattedDateTime = formattedDate + " " + formattedTime;
console.log(formattedDateTime);

方法三:使用Intl对象来获取时间并格式化(需浏览器支持)

var now = new Date();
 
// 格式化日期
var options = { year: 'numeric', month: '2-digit', day: '2-digit' };
var dateFormatter = new Intl.DateTimeFormat('en-US', options);
var formattedDate = dateFormatter.format(now);
 
// 格式化时间
var timeOptions = { hour: '2-digit', minute: '2-digit', second: '2-digit' };
var timeFormatter = new Intl.DateTimeFormat('en-US', timeOptions);
var formattedTime = timeFormatter.format(now);
 
// 输出格式化后的时间
var formattedDateTime = formattedDate + " " + formattedTime;
console.log(formattedDateTime);


猜你喜欢

【JavaScript】JS四舍五入保留两位小数(一)
1 、tofixed方法toFixed() 方法可把 Number 四舍五入为指定小数位数的数字。但是其四舍五入的规则与数学中的规则不同,使用的是银行家舍入规则。**银行家舍入:所谓银行家舍入法,其实质是一种四舍六入五取偶(又称四舍六入五留双)法。**具体规则如下:简单来说就是:四舍六入五考虑,五后非零就进一,五后为零看奇偶,五前为偶应舍去,五前为奇要进一。如下:&gt;&nbsp;(3.61).toFixed(1)&nbsp;&nbsp;&nbsp;&nbsp;//四舍 &#39;3.6&amp;#3
发表于:2024-03-12 浏览:310 TAG:
【JavaScript】JS四舍五入保留两位小数(二)
&nbsp; &nbsp; &nbsp; &nbsp; 在Web前端开发中,大多数的项目都是需要表单支持的,而在表单中有一种比较常见的功能是要你四舍五入保留两位小数,接下来将为大家详细的介绍一下保留两位小数的六种常用方法。1.&nbsp;toFixed()方法&nbsp; &nbsp; &nbsp; &nbsp; 介绍:这是JS自带的一个方法,可以四舍五入保留指定位数的小数,并且位数不够时可以自动补0&nbsp; &nbsp; &nbsp; &nbsp; 注意:保留两位小数,将数值类型的数据改变
发表于:2024-03-12 浏览:296 TAG:
【JavaScript】JS复制剪切神器clipboard.js基本使用
clipboard.js是一款轻量级的实现复制文本到剪贴板功能的JavaScript插件。通过该插件可以将输入框,文本域,DIV元素中的文本等文本内容复制到剪贴板中 clipboard.js支持主流的浏览器:chrome 42+; Firefox 41+; IE 9+; opera 29+; Safari 10+;
发表于:2024-11-05 浏览:135 TAG: #javascript #前端 #clipboard
【Javascript】CSS3和js超酷iPhone样式科学计算器插件
CalcSS3是一款非常酷的CSS3和js模仿iPhone样式科学计算器插件。该计算器插件没有使用图片,纯CSS制作。该计算器是科学型的,可以处理乘方、开方、指数、对数等复杂的数学运算。
发表于:2024-11-06 浏览:235 TAG: #javascript
【JavaScript】JS中referer的使用
HTTP请求中有一个referer的报文头,用来指明当前流量的来源参考页。例如在www.sina.com.cn/sports/上点击一个链接到达cctv.com首页,那么就referrer就是www.sina.com.cn/sports/了。在Javascript中,我们可以通过document.referrer来获取同样的信息。通过这个信息,我们就可以知道访客是从什么渠道来到当前页面的。这对于Web Analytics来说,是非常重要的,这可以告诉我们不同渠道带来的流量的分布情况,还有用户搜索
发表于:2024-04-24 浏览:345 TAG:
【JavaScript】JS生成二维码-qrcode.js
二维码又称QRCode,是一个近几年来移动设备上很流行的一种编码方式它比传统的一维码(条形码)能存更多的信息,也能表示更多的数据类型。按照一定规律排列组成的几何图形构成,它巧妙地利用构成计算机内部逻辑...
发表于:2024-10-29 浏览:133 TAG: #二维码 #javascript
【JavaScript】如何从 JavaScript 数组中删除重复元素?
在 JavaScript 中,有多种方法可以从数组中删除重复元素。在本文中,我们将探讨一些删除重复元素的顶级方法。使用filter()方法filter()方法使用传递的条件创建一个新的元素数组。这将仅包含作为此过滤器方法的一部分返回 true 的元素。因此,要实现删除重复元素,我们只需在 filter() 方法中添加条件即可,它会完成剩下的工作。#过滤器.js&lt;script&gt; &nbsp;&nbsp;&nbsp;var&nbsp;arr&nbsp;=&nbsp;[&quot;stev
发表于:2024-04-16 浏览:297 TAG:
【Javascript】图片转base64的三种js方法
在前端,将图片转换为Base64编码是一种常见的做法,尤其是在不需要服务器端处理图片的情况下。Base64编码允许你将图片直接嵌入到HTML或CSS中,或者在JavaScript中作为字符串传输。以下...
发表于:2024-10-25 浏览:352 TAG: #图像 #base64
【JavaScript】5个最受欢迎的图像处理JS库
图像处理库 (IML) 用于对图像执行各种处理功能:你可以增加图像的亮度、添加饱和度或滤镜、裁剪和调整大小,以及更多有价值的功能,这些功能将帮助你完成几乎所有事情并将你的网络浏览器变成 Adob​​e Lightroom! 我们为每项重要的图像处理任务都提供了库,从简单的低级操作(例如滤镜、亮度和饱和度)到用于裁剪或图像合成的单一用途库。
发表于:2024-10-14 浏览:368 TAG: #javascript #图像 #sharp #cropper
【Javascript】localStorage和sessionStorage的使用
一、什么是localStorage、sessionStorage在HTML5中,新加入了一个localStorage特性,这个特性主要是用来作为本地存储来使用的,解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k),localStorage中一般浏览器支持的是5M大小,这个在不同的浏览器中localStorage会有所不同。&nbsp;二、localStorage的优势与局限localStorage的优势1、localStorage拓展了cookie的4K限制2
发表于:2024-03-27 浏览:331 TAG: #javascript #localstorage #sessionstorage