前端：年月日星期等时间展现

最新推荐文章于 2024-07-24 11:10:29 发布

成长中的向日葵

最新推荐文章于 2024-07-24 11:10:29 发布

阅读量338

点赞数

文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/ssophia/article/details/128840250

版权

该代码段定义了两个方法：getTimeState和getDateByType。getTimeState根据当前小时返回相应的时间问候（早上好，中午好等），getDateByType则获取当前日期，并按年、月、日和星期几的格式返回，同时能按类型返回年或月。

摘要由CSDN通过智能技术生成

在这里插入图片描述

            var me = this
			var date = this.getDateByType().toString(); //获取当前年份
			me.date=date    //年月日 星期几形式
			var timeState = this.getTimeState()
			me.timeState=timeState 
			console.log('getTimeState', me.timeState)

	getTimeState() {
				// 获取当前时间
				let timeNow = new Date();
				// 获取当前小时
				let hours = timeNow.getHours();
				// 设置默认文字
				let text = ``;
				// 判断当前时间段
				if (hours >= 0 && hours <= 10) {
					text = `早上好`;
				} else if (hours > 10 && hours <= 14) {
					text = `中午好`;
				} else if (hours > 14 && hours <= 18) {
					text = `下午好`;
				} else if (hours > 18 && hours <= 24) {
					text = `晚上好`;
				}
				// 返回当前时间段对应的状态
				return text;
			},
			getDateByType(type) {
				var date = new Date();
				var myyear = date.getFullYear();
				var str = "星期";
				var week = new Date().getDay();
				switch (week) {
					case 0:
						str += "日";
						break;
					case 1:
						str += "一";
						break;
					case 2:
						str += "二";
						break;
					case 3:
						str += "三";
						break;
					case 4:
						str += "四";
						break;
					case 5:
						str += "五";
						break;
					case 6:
						str += "六";
						break;
				}
				console.log(str)
				var mymonth = date.getMonth() + 1;
				var myweekday = date.getDate();
				if (mymonth < 10) {
					mymonth = '0' + mymonth;
				}
				if (myweekday < 10) {
					myweekday = '0' + myweekday;
				}
				if (type === "year") {
					return myyear;
				} else if (type === "month") {
					return myyear + '-' + mymonth;
				}
				return myyear + '年' + mymonth + '月' + myweekday + '日' + ',' + str;
			},