js格式化时间小结

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日

相关文章

  • 小发现之浅谈location.search与location.hash的问题

    标题:小发现之浅谈location.search与location.hash的问题 背景介绍 location.search与location.hash是前端开发中常用的两个属性,它们分别用于获取当前url中带的查询参数和锚点参数。这两个属性的使用方式不同,而且在某些情况下会出现一些问题,需要特别注意。 location.search与location.ha…

    JavaScript 2023年6月11日
    00
  • javaScript(JS)替换节点实现思路介绍

    JavaScript(JS)替换节点实现思路介绍 在网页开发过程中,替换节点是常见的操作之一。JavaScript提供了一种简单而有效的替换节点的方式。本文将介绍如何使用JS替换节点,包括如何获取节点,创建新节点,替换原有节点以及如何进行实际操作。 获取节点 在JS中,可以使用document.getElementById()来获取指定id的节点。例如: c…

    JavaScript 2023年6月10日
    00
  • JS URL传中文参数引发的乱码问题

    当JS程序需要将中文参数作为URL请求的一部分时,往往会引发“乱码”的问题。 造成该问题的原因是:URL中只能包含某些预定义的字符,例如字母、数字和少数几个符号。如果我们需要处理的中文字符没有被编码成它们应该代表的URL编码序列,那么这些字符就可能不能被正确地识别和使用。 接下来,我们将提供两种针对此问题的攻略: 攻略1:使用encodeURI和decode…

    JavaScript 2023年5月20日
    00
  • ThinkPHP表单数据智能写入create方法实例分析

    我来详细讲解一下“ThinkPHP表单数据智能写入create方法实例分析”的完整攻略。 什么是ThinkPHP表单数据智能写入create方法? 在ThinkPHP框架中,使用create方法可以将表单数据智能写入到数据库中。这个方法可以将表单中的数据自动映射到对应的模型属性中,并且会过滤掉一些非法的字段,确保插入的数据安全可靠。 怎样使用create方法…

    JavaScript 2023年6月11日
    00
  • 在线数据库管理工具(db007) v1.5

    在线数据库管理工具(db007) v1.5 完整攻略 简介 在线数据库管理工具(db007) v1.5是一个在线管理数据库的开源工具,它提供了简单易用的用户界面,可以方便地进行数据库的增删改查等操作,支持多种主流数据库系统。 安装和部署 在线数据库管理工具(db007) v1.5是基于web的工具,可以直接通过浏览器访问使用,无需安装或部署。只需要将项目代码…

    JavaScript 2023年6月10日
    00
  • Javascript数组的 splice 方法详细介绍

    Javascript数组的 splice 方法详细介绍 splice() 是 Javascript 数组对象的一个方法,用于在数组中增加或删除元素。该方法会直接修改原始数组。 语法 array.splice(start[, deleteCount[, item1[, item2[, …]]]]) 参数解释 start: 修改的起始位置,必传参数。 del…

    JavaScript 2023年5月27日
    00
  • JS数组方法push()、pop()用法实例分析

    JS数组方法push()、pop()用法实例分析 push()方法 push() 方法将一个或多个元素添加到数组的末尾,并返回新数组的长度。 语法 arr.push(element1[, …[, elementN]]) 参数 element1[, …[, elementN]]: 要添加到数组末尾的一个或多个元素。 返回值 数组新的长度 示例 cons…

    JavaScript 2023年5月28日
    00
  • JavaScript与java语言有什么不同

    JavaScript和Java是两种不同的编程语言,虽然它们名字相似,但是它们有很多不同之处。下面将详细讲解JavaScript和Java之间的不同之处。 概述 首先,JavaScript和Java的发展历史和目的不同。Java是一种面向对象的编程语言,最初是为了解决嵌入式系统的开发问题而诞生的。而JavaScript是为了给 Web 页面添加动态交互效果而…

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