对于JavaScript来显示中文日期,可以按照以下步骤进行操作:
步骤
- 创建一个Date对象并获取当前日期:
let date = new Date();
- 调用Date对象的对应方法去获取年、月、日等信息:
let year = date.getFullYear(); // 获取当前年份
let month = date.getMonth() + 1; // 获取当前月份
let day = date.getDate(); // 获取当前日期
let week = date.getDay() // 获取当前星期数,0为星期日,1为星期一
注意:月份要加上1,因为getMonth()方法返回的月份是从0开始计数的。
- 使用数组或对象存储中文翻译,然后将上述获取到的信息替换成对应的中文内容:
let chineseWeekDay = {0:"星期日",1:"星期一",2:"星期二",3:"星期三",4:"星期四",5:"星期五",6:"星期六"};
let result = `${year}年${month}月${day}日 ${chineseWeekDay[week]}`;
- 最后将结果输出即可:
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技术站