javascript中Date format(js日期格式化)方法小结

yizhihongxing

下面我将详细讲解“javascript中Date format(js日期格式化)方法小结”。

简介

Date对象是Javascript同日期相关的对象,它提供了很多方便易用的日期时间操作方法。其中format方法就是在Date对象中提供的一种日期格式化的方法。

语法

Date.format(formatStr)

  • formatStr为日期格式化字符串。常用的格式化字符串有:
  • yyyy : 4位年份
  • MM : 月份
  • dd : 年份中的天数
  • hh : 小时数(12小时制)
  • HH : 小时数(24小时制)
  • mm : 分钟数
  • ss : 秒数
  • S : 毫秒数

示例1

下面是一个使用Date.format方法格式化当前日期的示例:

var now = new Date();
var timeStr = now.format("yyyy-MM-dd HH:mm:ss");
console.log(timeStr);

输出结果:

2021-08-11 15:20:12

示例2

下面是一个使用Date.format方法格式化指定日期的示例:

var dateStr = "2021-08-11 15:20:12";
var dateObj = new Date(Date.parse(dateStr.replace(/-/g, "/")));
var timeStr = dateObj.format("yyyy年MM月dd日 HH时mm分ss秒");
console.log(timeStr);

输出结果:

2021年08月11日 15时20分12秒

需要注意的是,在示例2中,由于Date对象只能接受以“/”为分隔符的日期字符串,因此需要先将“-”替换成“/”,再将字符串转换为Date对象。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:javascript中Date format(js日期格式化)方法小结 - Python技术站

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

相关文章

  • Javascript操作URL函数修改版

    下面是关于”Javascript操作URL函数修改版”的详细攻略。这个攻略主要介绍如何使用Javascript操作URL函数来修改(更新/添加/删除)URL中的参数,以及如何获取URL中的参数。我们可以将这个过程分为三个主要步骤:获取URL、解析URL参数、更新URL参数。 步骤1:获取URL 我们可以使用window.location.href来获取当前页…

    JavaScript 2023年6月11日
    00
  • 前端vue按1920*1080设计图的页面适配屏幕缩放并适配4K屏详解

    前端vue按1920*1080设计图的页面适配屏幕缩放并适配4K屏详解 在vue前端开发中,实现页面屏幕适配非常重要,你需要让你的网站在不同的屏幕上都能够正常显示,无论是普通的屏幕还是4K屏幕。本攻略将提供实现此目标的方法。 1. 页面设计 为了实现一个自适应的vue页面,你需要先将页面设计成1920*1080的尺寸,这是一个通用的页面尺寸。这个设计尺寸将帮…

    JavaScript 2023年6月11日
    00
  • JavaScript中this的全面解析及常见实例

    JavaScript中this的全面解析及常见实例 什么是this 在JavaScript中,this关键字代表当前函数执行的上下文环境。它是一个非常重要的概念,经常用来解决程序中的“上下文”问题。但由于this的指向不固定,所以很多开发者会因为混淆了this的指向而导致程序运行出错。 this关键字的指向是在函数被调用时动态绑定的,具体的指向既取决于调用函…

    JavaScript 2023年6月10日
    00
  • 详解JavaScript编程中正则表达式的使用

    详解JavaScript编程中正则表达式的使用 正则表达式是指用来匹配字符组成的一种模式。在JavaScript编程中,正则表达式被广泛应用于对文本数据的处理。本文将详细讲解JavaScript编程中正则表达式的使用,帮助读者掌握相关知识。 正则表达式的基础语法 正则表达式的基础语法是由若干个字符和特殊字符组成的模式,用于对文本进行匹配和处理。一些常用的正则…

    JavaScript 2023年6月10日
    00
  • Vue中router-link如何添加mouseover提示

    要在Vue中使用mouseover提示,我们可以使用title属性。而对于router-link组件,要使用mouseover提示,我们可以在组件内部使用slot来传递title属性。 以下是添加mouseover提示的步骤: 在router-link标签内部使用slot,传递属性title,如下所示: <router-link to="/&…

    JavaScript 2023年6月11日
    00
  • Javascript判断图片尺寸大小实例分析

    下面我们来详细讲解一下“Javascript判断图片尺寸大小实例分析”的完整攻略。 前言 在网页中,我们经常会用到图片。而有些时候,为了网页的美观和用户的体验,我们需要对图片的尺寸大小进行限制。如果图片过大,可能会导致网页加载过慢,影响用户的使用体验。那么如何利用JavaScript判断图片尺寸大小呢?下面我们将详细讲解。 确定图片尺寸的方法 JavaScr…

    JavaScript 2023年6月11日
    00
  • 对javascript基本对象的属性以及方法的实例介绍

    当我们学习JavaScript时,基本对象(primitive data types)是学习的重点之一。JavaScript中的基本对象有六种:字符串、数值、布尔、null、undefined和Symbol。每种基本对象都有自己的属性和方法,了解它们可以加深我们对JavaScript的理解。下面,我们将详细介绍这六种基本对象的属性和方法。 1. 字符串 属性…

    JavaScript 2023年6月11日
    00
  • 在javascript中如何得到中英文混合字符串的长度

    在javascript中计算中英文混合字符串长度,需要考虑到中文字符在计算长度时是占两个字节的。下面提供几种方法来实现计算中英文混合字符串长度的功能。 方法一:利用正则表达式匹配中文字符并计算长度 将中文字符在Unicode范围中的编码区间转换成正则表达式的形式 [\u4e00-\u9fa5],代表是包含了中文的unicode编码。 将字符串中所有的中文字符…

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