javascript显示中文日期的方法

yizhihongxing

对于JavaScript来显示中文日期,可以按照以下步骤进行操作:

步骤

  1. 创建一个Date对象并获取当前日期:
let date = new Date();
  1. 调用Date对象的对应方法去获取年、月、日等信息:
let year = date.getFullYear(); // 获取当前年份
let month = date.getMonth() + 1; // 获取当前月份
let day = date.getDate(); // 获取当前日期
let week = date.getDay() // 获取当前星期数,0为星期日,1为星期一

注意:月份要加上1,因为getMonth()方法返回的月份是从0开始计数的。

  1. 使用数组或对象存储中文翻译,然后将上述获取到的信息替换成对应的中文内容:
let chineseWeekDay = {0:"星期日",1:"星期一",2:"星期二",3:"星期三",4:"星期四",5:"星期五",6:"星期六"};

let result = `${year}年${month}月${day}日 ${chineseWeekDay[week]}`;
  1. 最后将结果输出即可:
console.log(result); //2022年1月1日 星期六

示例说明

示例1

假如要在页面上显示当前的日期,可以在HTML文件中添加以下代码:

<p>当前日期为:<span id="date"></span></p>

然后在JavaScript代码中获取span元素并将日期写入其中:

let dateElem = document.querySelector('#date');
let date = new Date();
let year = date.getFullYear();
let month = date.getMonth() + 1;
let day = date.getDate();
let chineseWeekDay = {0:"星期日",1:"星期一",2:"星期二",3:"星期三",4:"星期四",5:"星期五",6:"星期六"};

let result = `${year}年${month}月${day}日 ${chineseWeekDay[date.getDay()]}`;

dateElem.innerText = result;

每次打开页面时,都会自动更新显示当前的中文日期。

示例2

假如需要在控制台输出一个某一天的中文日期,可以按照以下代码步骤进行操作:

function printChineseDate(year, month, day) {
    let chineseWeekDay = {0:"星期日",1:"星期一",2:"星期二",3:"星期三",4:"星期四",5:"星期五",6:"星期六"};
    let date = new Date(year, month - 1, day);
    let week = date.getDay();
    let result = `${year}年${month}月${day}日 ${chineseWeekDay[week]}`;
    console.log(result);
}

printChineseDate(2022, 1, 1); //控制台输出:2022年1月1日 星期六

以上就是显示中文日期的完整攻略,希望能对您有所帮助。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:javascript显示中文日期的方法 - Python技术站

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

相关文章

  • 深入理解React Native核心原理(React Native的桥接(Bridge)

    深入理解React Native核心原理之桥接(Bridge) React Native是一种基于React的JS框架,它可以让你使用JavaScript和React的开发方式来构建iOS和Android的原生应用。这些原生应用实际上是通过React Native桥接(Bridge)在JavaScript和iOS/Android平台之间进行通信和交互的。 什…

    JavaScript 2023年6月11日
    00
  • 微信小程序 教程之小程序配置

    微信小程序教程之小程序配置 小程序配置是开发微信小程序的第一步。本文将为大家讲解小程序配置的详细流程。 1. 注册小程序账号 在开发微信小程序之前,需要先注册小程序账号。注册小程序账号的具体流程可以参考官方文档。 2. 创建小程序应用 注册完成小程序账号后,需要登录小程序平台,然后点击“创建小程序”按钮,进入小程序创建页面。在此页面填写小程序的基本信息,包括…

    JavaScript 2023年6月11日
    00
  • js 变量类型转换常用函数与代码[比较全]

    JS 变量类型转换常用函数与代码 本文介绍 JavaScript 中常用的变量类型转换函数以及相应的代码示例。 变量类型转换函数 1. Number() Number() 函数用于将字符串或其他类型的值转换为数字类型。 Number(‘123′); // 123 Number(’42px’); // NaN,无法将字符型的’42px’转换为数字类型 Numb…

    JavaScript 2023年5月27日
    00
  • js操作cookie保存浏览记录的方法

    下面是关于“js操作cookie保存浏览记录的方法”的完整攻略: 一、什么是cookie cookie是一种存储在用户本地计算机中的小型文本文件,一般由服务器在HTTP响应中添加到HTTP头中,用户在日后访问该服务器时会被发送回服务器。cookie主要由服务器使用,用来记录用户的一些信息,比如登录状态、用户喜好设置等。 二、如何通过js创建、读取、修改和删除…

    JavaScript 2023年6月11日
    00
  • JS中的算法与数据结构之队列(Queue)实例详解

    JS中的算法与数据结构之队列(Queue)实例详解 什么是队列? 队列是一种线性数据结构,它是一种先进先出的数据结构(FIFO),即最先进队列的元素也最先出队列。 队列有两个基本操作:入队和出队。入队将元素添加到队列的末尾,而出队则是从队列的前端删除元素。 队列的实现方式 我们可以用数组和链表来实现队列,这里我们介绍一下使用数组来实现队列的方式。 用数组实现…

    JavaScript 2023年5月27日
    00
  • vue3.0+vant3.0快速搭建项目的实现

    下面就是“vue3.0+vant3.0快速搭建项目的实现”的完整攻略: 简介 在新版Vue和Vant的配合下,搭建高质量的移动端Web应用变得更加容易和快捷。接下来,我们将向您介绍如何使用Vue3.0和Vant3.0快速搭建项目。 准备工作 在开始之前,您需要确保您的电脑上已经安装了Node.js和Vue CLI。由于本攻略假设您已经对Vue CLI和Van…

    JavaScript 2023年6月11日
    00
  • javascript实现数据双向绑定的三种方式小结

    以下是“javascript实现数据双向绑定的三种方式小结”的详细讲解: 一、背景知识 在深入讲解三种数据双向绑定的方式之前,我们需要先介绍一下Vue.js框架中的双向数据绑定是如何实现的。Vue.js的双向数据绑定原理和Angular的“脏值检测”类似,其内部重写了DOM元素的getter和setter方法,通过getter方法监听数据的变化,同时通过se…

    JavaScript 2023年6月10日
    00
  • js实现为a标签添加事件的方法(使用闭包循环)

    为 a 标签添加事件可以使用 JS来实现。其中最简单的方法就是通过给每个a标签添加 onclick 事件来实现。但是这种方式比较繁琐,尤其是当页面中大量的 a 标签时,维护起来会非常麻烦。因此我们可以使用闭包循环来为所有 a 标签添加事件。 以下是实现方式: 首先我们需要在 JS 文件中获取所有的 a 标签 const links = document.qu…

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