js格式化时间小结

yizhihongxing

JS 格式化时间小结

格式化时间是前端开发经常会遇到的问题之一,不同场景下需要展现的时间格式也会有所不同。在JavaScript中,我们可以使用内置的Date对象和一些方法来格式化时间。

获取当前时间

使用内置的Date对象可以获得当前时间。比如以下代码:

const now = new Date();

格式化时间

toLocaleDateString()

使用toLocaleDateString()方法可以将时间格式化为本地化的日期字符串,比如以下代码:

const now = new Date();
const formattedTime = now.toLocaleDateString(); 
console.log(formattedTime); // 输出:"2021/9/3"

toLocaleTimeString()

使用toLocaleTimeString()方法可以将时间格式化为本地化的时间字符串,比如以下代码:

const now = new Date();
const formattedTime = now.toLocaleTimeString(); 
console.log(formattedTime); // 输出:"上午9:47:35"

strftime()

如果需要更加自定义化的时间格式,可以使用第三方库strftime.js。安装该库后,可以使用以下代码:

const strftime = require('strftime');
const now = new Date();
const formattedTime = strftime('%Y/%m/%d %H:%M:%S', now);
console.log(formattedTime); // 输出:"2021/09/03 09:53:18"

示例

以下是两个展示不同时间格式的示例。

示例1

需要展示的时间格式为"2021年9月3日 上午9:47",可以使用以下代码:

const now = new Date();
const year = now.getFullYear();
const month = now.getMonth() + 1;
const day = now.getDate();
const hour = now.getHours();
const minute = now.getMinutes();
const formattedTime = `${year}年${month}月${day}日 ${hour}:${minute < 10 ? '0' + minute : minute}`;
console.log(formattedTime); // 输出:"2021年9月3日 上午9:47"

示例2

需要展示的时间格式为"2021/09/03 09:53:18",可以使用strftime.js库,代码如下:

const strftime = require('strftime');
const now = new Date();
const formattedTime = strftime('%Y/%m/%d %H:%M:%S', now);
console.log(formattedTime); // 输出:"2021/09/03 09:53:18"

以上内容涵盖了JS格式化时间的常用方法和示例,可以根据实际需要自由选择。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:js格式化时间小结 - Python技术站

(0)
上一篇 2023年5月27日
下一篇 2023年5月27日

相关文章

  • js图片延迟加载的实现方法及思路

    什么是图片延迟加载? 图片延迟加载是一种优化网页性能的技术,又称为“图片懒加载”。在传统的页面加载中,页面中的图片是同步加载的,也就是在页面加载过程中,所有的图片都会被下载并渲染。然而,在某些时候,页面的某些图片并不是必要的,或者在用户刚打开页面时不可见,此时就会浪费用户的流量和时间。 图片延迟加载,是指在页面滚动到某个位置或者某个时间点再去加载图片。当用户…

    JavaScript 2023年6月11日
    00
  • JS实现多物体运动的方法详解

    JS实现多物体运动的方法详解 在Web开发中,常常需要实现多个物体同时进行运动的效果,这时我们可以使用JavaScript来控制多个DOM元素的运动。本文将详细讲解JS实现多物体运动的方法。 步骤一:获取多个DOM元素的初始状态 在程序开始运行之前,我们需要获取多个DOM元素的初始状态,这些状态包括元素的初始位置、大小、颜色等信息。在JavaScript中可…

    JavaScript 2023年6月11日
    00
  • JS格式化时间的几种方法总结

    下面是 “JS格式化时间的几种方法总结” 的完整攻略: 一、引言 在 Web 应用程序中,时间格式化是很常见的需求。JS作为前端开发语言,也提供了多种方式用于计算与格式化时间。本文将介绍JS中五种常见的时间格式化方法。 二、格式化JS中的时间 1. Date.toLocaleString() toLocaleString() 方法返回一个字符串,表示该日期对…

    JavaScript 2023年5月27日
    00
  • javascript日期比较方法实例分析

    下面是关于”javascript日期比较方法实例分析”的完整攻略。 标准化日期格式 在使用javascript进行日期比较时,首先需要将日期数据标准化处理,即将日期字符串转化为对应的日期对象。 可以使用Date.parse()方法或new Date()方法将日期字符串转化为日期对象。 在转化日期字符串时,可以使用以下两种格式: 按照国际标准化组织(ISO)的…

    JavaScript 2023年5月27日
    00
  • Node8中AsyncHooks异步生命周期

    Node8中AsyncHooks异步生命周期攻略 什么是AsyncHooks AsyncHooks是Node.js自带的一个模块,它提供了一套API,用于在Node.js应用程序的生命周期内跟踪异步调用的生命周期。 AsyncHooks可以让Node.js开发人员更好地理解异步代码的执行流,并且可以进行更深入的性能分析和调试。 AsyncHooks的使用方法…

    JavaScript 2023年5月28日
    00
  • JS添加删除一组文本框并对输入信息加以验证判断其正确性

    为了实现“JS添加删除一组文本框并对输入信息加以验证判断其正确性”,我们需要分为两个步骤来进行: 添加和删除文本框 对输入信息进行验证判断 下面详细讲解一下实现的过程。 添加和删除文本框 在HTML文件中,我们可以定义一个包含添加和删除按钮的表单。 <form> <div id="textboxes"> <!…

    JavaScript 2023年6月11日
    00
  • JavaScript This指向问题详解

    JavaScript This指向问题详解 JavaScript中的this指向是非常重要的一个问题,但也是让很多人感到困惑和烦恼的问题。正确的理解this指向,能够帮助我们更好地编写可读性强、易于维护的JavaScript代码。下面就是关于JavaScript中this指向问题的详解攻略: this的含义 在任何函数中我们都可以使用this关键字。如果我们…

    JavaScript 2023年6月11日
    00
  • JS中的BOM应用

    JS中的BOM是指浏览器对象模型,主要包括window对象、location对象、history对象、navigator对象和screen对象等。BOM提供了许多常用的操作浏览器窗口、页面跳转、获取浏览器信息等功能。下面将从以下几个方面进行详细讲解“JS中的BOM应用”的完整攻略。 1. window对象 window是BOM的核心对象,代表整个浏览器窗口。…

    JavaScript 2023年6月11日
    00
合作推广
合作推广
分享本页
返回顶部