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日

相关文章

  • js排序动画模拟-插入排序

    下面是“js排序动画模拟-插入排序”的完整攻略。 算法简介 插入排序是一种简单直观的排序算法,它的基本思想是将一个待排序的序列分成已经排好序的和未排序的两部分,每次取未排序序列中的第一个元素,插入到已排序序列中的适当位置,以此类推,直到全部元素排序完成。 算法步骤 插入排序的步骤如下: 将待排序序列第一个元素看作已经排好序的序列。 遍历待排序序列中的剩余元素…

    JavaScript 2023年6月11日
    00
  • js实现四舍五入完全保留两位小数的方法

    下面就来详细讲解一下“js实现四舍五入完全保留两位小数的方法”的完整攻略。 方案一:toFixed() JavaScript中提供了一个内置方法toFixed(),可以将数字保留指定位数的小数。使用方法如下: const num = 123.456; const fixedNum = num.toFixed(2); console.log(fixedNum)…

    JavaScript 2023年5月28日
    00
  • JavaScript之引用类型介绍

    下面是详细讲解“JavaScript之引用类型介绍”的完整攻略。 引用类型介绍 在JavaScript中,除了基本类型(number、string、boolean、null、undefined)之外,还有一类特殊的类型,被称为引用类型。引用类型是由多个值组成的对象。 对象 对象是引用类型的最基本类型。对象是由多个键值对组成的属性集合。 创建对象有两种方式,一…

    JavaScript 2023年5月19日
    00
  • 基于JavaScript实现密码框验证信息

    关于“基于JavaScript实现密码框验证信息”的完整攻略,介绍如下: 1. 确定密码验证的具体需求 在实现密码框验证信息前,首先需要明确密码验证的具体需求,例如: 密码长度是否需要限制? 密码是否需要包含特定的字符、数字、大小写字母、符号等要素? 密码是否需要与确认密码保持一致? 密码校验失败时需要如何提示用户? 透彻地明确这些细节,才能更好地编写 Ja…

    JavaScript 2023年6月10日
    00
  • javascript贪吃蛇完整版(源码)

    JavaScript贪吃蛇完整版(源码)攻略 一、简介 本项目是一个使用JavaScript实现的贪吃蛇游戏,包含了完整的源代码。该游戏采用Canvas进行绘制,并具有基本的操作功能,包括开始、暂停、重新开始等。本项目适合JavaScript初学者学习。 二、源码文件结构 本项目的源码文件主要分为HTML、CSS和JavaScript三个部分。具体文件结构如…

    JavaScript 2023年6月11日
    00
  • 基于JavaScript实现跳转提示页面

    本文将详细讲解如何基于JavaScript实现跳转提示页面。 1. 前置知识 在了解 JavaScript 实现跳转提示页面之前,您需要了解以下知识: HTML 基础知识 JavaScript 基础知识 网页跳转相关知识 2. 实现步骤 2.1 编写 HTML 页面 首先,我们需要编写一个 HTML 页面,用于展示跳转提示内容。以下是一个简单的示例: &lt…

    JavaScript 2023年6月11日
    00
  • JavaScript获取当前时间向前推三个月的方法示例

    获取当前时间向前推三个月可以使用JavaScript中的Date对象和相关方法来实现。下面是具体的攻略: 获取当前时间 使用JavaScript中的Date对象可以获取当前的时间。代码如下: var currentTime = new Date(); console.log(currentTime); 输出结果如下: Sun Jul 11 2021 15:4…

    JavaScript 2023年5月27日
    00
  • js判断当前页面在移动设备还是在PC端中打开

    判断当前页面在移动设备还是在PC端中打开,可以使用JavaScript代码完成。 一、通过UA判断方式进行判断 在JavaScript中,可以通过检测浏览器的user agent(UA)来判断设备是否是移动设备。UA是HTTP协议中的一个头部信息,包括了浏览器的名称、版本、操作系统等信息。移动设备一般会在UA中包含“mobile”、“iPad”、“Andro…

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