记录微信小程序显示当前年月日及其详细时间的代码
转眼2022年初了,上班的第一件事就是修改了博客底部版权的年份,毕竟都是手动的,只能自己来修改,还好不用每个文件都改,在主题后台设置下就行啦,当然php代码可以直接设置输出年份,一段代码就搞定啦,但是小程序就比较费事了,因为看不懂代码,所以单单小程序我就修改了一上午,哦不,是大半天,好了不多说了,先把php输出年份的代码给出来。
php显示年份代码:
{php}echo date('Y');{/php}
或者
<?php echo date('Y');?>如果是zblog-php直接用第一个就行,其他程序选择第二种方式吧。然后聊聊微信小程序,为什么要写成自动显示呢,因为小程序需要后台工作人员审核,但是有一处不合规就得来回反复的提交审核,仅仅因为一个年份日期提交审核又不划算,所以想着能不能也像php那样自动调用,答案是可以的,以下方法仅是自己修改过程的记录,如果大佬有更简洁的代码,欢迎告知,万分感谢。
首先要知道微信小程序已经集成了时间代码,打开项目里面默认生成的 utils/util.js 文件,这里可以看到,代码已经写好了,我们只需要引用就行了,如图官方的时间代码:
代码输出格式为:2022/01/05 15:15:15 (假如此时是这个时间),但是我们要输出的是年,其他的不知道,修改方式如下,找到utils目录,在util.js文件下添加如下代码:
const formatYear = date => {
const year = date.getFullYear()
return [year].map(formatNumber)
}代码仅显示年份,然后在最后一行找到“module.exports”替换如下代码:
module.exports = {
formatTime:formatTime,
formatDate:formatDate,
formatYear:formatYear
}然后如上代码,进行替换,修改前记得备份。设置完成后,找到要显示的模板文件(根据实际情况而定),因为我的小程序是橙色阳光大佬开发的,所以需要在用户界面添加时间,所以我的目录是“/pages/user/index.js”,找到之后添加如下代码:
//放在顶部
const utils = require("../../utils/util")
//放在Page之内
onLoad: function () {
// 调用函数时,传入new Date()参数,返回值是日期和时间
//var time = utils.formatTime(new Date());
var time = utils.formatYear(new Date());
// 再通过setData更改Page()里面的data,动态更新页面的数据
this.setData({
time: time
});
},不需要修改什么,直接复制粘贴即可,其中“formatYear”就是我们自行添加的代码,如果想显示详细时间就替换成“formatTime”即可。代码位置如图(大概3行和9行):
代码要放在Page之内,还是那句话,修改前记得备份,修改完成后保存,然后在3.4行的位置引入util.js文件,然后找到“/pages/user/index.wxml”文件,在最后一行找到版权代码,如图:
最后一步把2022或者其他什么的,修改成“{{time}}”,然后保存,刷新编译缓存查看效果:
自我感觉良好,最起码以后不用手动更新了,先测试一段时间再说,大功告成。改代码用了大半天时间,写记录用了俩小时(真墨迹),终于算是完成了,妈耶,我的主题没还修改玩呢,一天天的事儿真多,有问题或者有好的代码建议留言反馈,谢谢支持,搬砖去了!!!
文章声明:以上内容(如有图片或视频亦包括在内)除非注明,否则均为网站名称原创文章,转载或复制请以超链接形式并注明出处。https://xz.itlaoli.com/blog/652.html





发表评论