js处理可视化大屏展示年/月/日 时间 星期格式

方法一  :根据本地时间进行处理

let date = new Date();
let time
let ymd = date.toLocaleDateString() //使用toLocaleDateString根据本地时间获取年月日 2022/12/30
let hms = date.toLocaleTimeString() //使用toLocaleTimeString根据本地时间获取时间 '15:23:41'
let week = date.getDay(); // 星期
let weekArr = [
  "星期日",
  "星期一",
  "星期二",
  "星期三",
  "星期四",
  "星期五",
  "星期六",
];
time = `${ymd} ${hms} ${weekArr[week]}`
console.log(time) // 2022/12/30 15:12:14 星期五

方法二 :根据Date对象获取日期时间然后逐一处理格式,个性化展示方便很多

let date = new Date();
var time
let year = date.getFullYear(); // 年
let month = date.getMonth() + 1; // 月
let day = date.getDate(); // 日
let week = date.getDay(); // 星期
let weekArr = [
  "星期日",
  "星期一",
  "星期二",
  "星期三",
  "星期四",
  "星期五",
  "星期六",
];
let hour = date.getHours(); // 时
hour = hour < 10 ? "0" + hour : hour; // 如果只有一位,则前面补零
let minute = date.getMinutes(); // 分
minute = minute < 10 ? "0" + minute : minute; //补零
let second = date.getSeconds(); // 秒
second = second < 10 ? "0" + second : second; //补零
time = `${year}/${month}/${day} ${hour}:${minute}:${second} ${weekArr[week]}`
console.log(time) // 2022/12/30 15:12:14 星期五

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
RainyxDate 1.0 一个获取日期公历、农历)的js小插件 一、用法: 1、引入: [removed][removed] 2、调用: JS调用: 此段js调用代码最好放在显示日期的页面里,不要放在外调的js文件中,否则ie6显示会有问题 [removed] $(document).ready(function(){ //网页一般都会用到jQuery吧,所以要记得引入jQuery库 //日期调用 var d = GetCNDate(); //调用农历的语句 var a = GetYLDateYMDW() + " " + d; //调用阳历时间 $('#time').html(a); //“time”为显示时间div的id }) [removed] Html写法: * 二、函数: function GetNlDate() 获取农历日期字符串,例如:“壬辰(龙)十四” function GetGLDateAll() 获取完整的公历日期字符串,例如:“2013125 下午 2:59:11 星期五” function GetGLDateYMDW() 获取星期公历日期字符串,例如:“2013125 下午 星期五” 三、说明: 这只是实现基本功能,需要其他显示效果的自己写函数吧 ~~ 四、缺陷: 1、只能读取并计算出客户端的时间,如果客户端时间不准,那你懂的;解决办法也有,就是写服务端代码,不过服务端代码不利于静态页面生成(就是说生成的静态页面无法自动更新日期);再解决也有,思路可能是js调用服务端时间,然后在显示到页面上,想想都复杂... 2、无法读秒,这个在js调用中加入一个计数器就可以了,用jQuery还是比较容易实现的,没更多说明了

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

吃西瓜不吐籽_

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值