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

转眼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

« 上一篇
下一篇 »

相关推荐

Linux手动分区挂载10TB磁盘到 /www目录并安装宝塔面板到数据盘的完整教程

2025年10月16日

434阅读

记录Windows11系统暂停更新怎么延长周数的教程

2025年08月25日

2849阅读

Windows11失败,提示“ahsProtector-你的电脑上有服务尚未准备好用于此版本的Windows”的解决方案

2025年08月21日

3310阅读

zblogPHP李洋个人博客主题使用网址导航模板的图文教程

2025年05月27日

5605阅读

百度普通收录API提交后提示 {"error":400,"message":"site init fail"}问题怎么解决?

2025年03月03日

5065阅读

zblog应用中心后台无法更新主题模板及无法新建标签的解决办法

2025年02月24日

6606阅读

发表评论

访客 访客
评论列表 (有 2 条评论,8144人围观)
网友昵称:小虎博客
小虎博客 V 游客 Google Chrome 96.0.4664.110 Windows 10 x64 沙发
2022年01月08日 来自广东 回复
放在后台版权说明里,不输出
网友昵称:李洋博客
李洋博客 V 博主 Sogou Explorer Windows 10 x64
2022年01月10日 来自上海 回复
@小虎博客 后台肯定是不行的啊,api接口没有后台的信息。
取消
微信二维码
微信二维码
支付宝二维码