动态滚动显示年月日

Posted 2023-04-09

参考技术A vue实现动态显示年月日时间
话不多说直接上代码
script部分

data()
return
nowTime: null,
;
,
mounted()
this.$nextTick(() =>
setInterval(this.showTime, 1000);
);
,
methods:
showTime()
const date = new Date();
const year = date.getFullYear();
let month = date.getMonth() + 1;
console.log('====', month);
month = month < 10 ? `0$month` : month;
let day = date.getDate();
day = day < 10 ? `0$day` : day;
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;
// 加载现在时间
const current = `$year-$month-$day $hour:$minute:$second`;
this.nowTime = current;
,
,
登录后复制

template部分

axure 动态面板中滚动条

 

不显示滚动条，仍实现滚动效果的方法：动态面板   里再嵌套  一个开启了滚动条的动态面板；这样滚动条被第一个动态面板 遮挡了。