记录微信小程序显示当前年月日及其详细时间的代码

talklee

文章最后更新时间:2022年01月10日已超过834天没有更新。

转眼2022年初了,上班的第一件事就是修改了博客底部版权的年份,毕竟都是手动的,只能自己来修改,还好不用每个文件都改,在主题后台设置下就行啦,当然php代码可以直接设置输出年份,一段代码就搞定啦,但是小程序就比较费事了,因为看不懂代码,所以单单小程序我就修改了一上午,哦不,是大半天,好了不多说了,先把php输出年份的代码给出来。

记录微信小程序显示当前年月日及其详细时间的代码 第1张

php显示年份代码:

{php}echo date('Y');{/php}
或者
<?php echo date('Y');?>

如果是zblog-php直接用第一个就行,其他程序选择第二种方式吧。然后聊聊微信小程序,为什么要写成自动显示呢,因为小程序需要后台工作人员审核,但是有一处不合规就得来回反复的提交审核,仅仅因为一个年份日期提交审核又不划算,所以想着能不能也像php那样自动调用,答案是可以的,以下方法仅是自己修改过程的记录,如果大佬有更简洁的代码,欢迎告知,万分感谢。

首先要知道微信小程序已经集成了时间代码,打开项目里面默认生成的 utils/util.js 文件,这里可以看到,代码已经写好了,我们只需要引用就行了,如图官方的时间代码:

记录微信小程序显示当前年月日及其详细时间的代码 第2张

代码输出格式为: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行):

记录微信小程序显示当前年月日及其详细时间的代码 第3张

代码要放在Page之内,还是那句话,修改前记得备份,修改完成后保存,然后在3.4行的位置引入util.js文件,然后找到“/pages/user/index.wxml文件,在最后一行找到版权代码,如图:

记录微信小程序显示当前年月日及其详细时间的代码 第4张

最后一步把2022或者其他什么的,修改成“{{time}}”,然后保存,刷新编译缓存查看效果:

记录微信小程序显示当前年月日及其详细时间的代码 第5张

自我感觉良好,最起码以后不用手动更新了,先测试一段时间再说,大功告成。改代码用了大半天时间,写记录用了俩小时(真墨迹),终于算是完成了,妈耶,我的主题没还修改玩呢,一天天的事儿真多,有问题或者有好的代码建议留言反馈,谢谢支持,搬砖去了!!!

文章版权声明:除非注明,否则均为李洋个人博客原创文章,转载或复制请以超链接形式并注明出处。

发表评论

快捷回复: 表情:
评论列表 (有 2 条评论,5654人围观)
网友昵称:小虎博客
小虎博客 V 游客 Google Chrome 96.0.4664.110 Windows 10 x64 沙发
2022-01-08 来自广东 回复
放在后台版权说明里,不输出
网友昵称:talklee
talklee V 博主 Sogou Explorer Windows 10 x64
2022-01-10 来自上海 回复
@小虎博客 后台肯定是不行的啊,api接口没有后台的信息。

目录[+]