关于微信小程序如何获取当前时间及日期这个问题?

简介: 想要获取当前时间,首先在要获取时间的.js文件中加载util.js文件

想要获取当前时间,首先在要获取时间的.js文件中加载util.js文件
image.png
然后在onload方法中,调用util.js中的formatTime方法获取当前时间

//获取当前时间

// 调用函数时,传入new Date()参数,返回值是日期和时间

var TIME = util.formatTime(new Date());

this.setData({

time: TIME,

});

这样就获取到了当前时间,但是我们发现在util.js中并没有获取当前日期的方法。这是为什么呢?不急,别慌!

这个时候我们去看下util.js中获取当前时间的方法formatTime(),里面的方法写的特别容易理解,我们可以模仿这个方法写一个formatDate()方法。
image.png

看到那个小箭头了吗,你可以随便设置,我这样子设置后就是 2012-9-13 这样的效果。

到了这里,还差最后一步,如图
image.png

在module.exports中一定要加上你写的方法,否则程序会报错说找不定formatDate这个方法。

加好了之后,就能成功在onload中调用这个方法获取日期了。

//获取当前日期

var DATE = util.formatDate(new Date());

this.setData({

date: DATE,

});

相关文章
|
10月前
|
小程序
微信小程序根据日期和时间进行排序
最近接手了一个小程序的项目,有这样一个需求要对列表进行日期和时间的排序,于是小试牛刀,操作了一番,终于搞出来,在这里给大家总结分享一下经验,希望对大家有一定的帮助
364 0
|
6天前
|
小程序
微信小程序日期下拉框规定显示年,月
微信小程序日期下拉框规定显示年,月
|
JavaScript 小程序
【微信小程序】mpvue中格式化日期
1、修改src/utils/index.js文件 mpvue框架中有一个专门格式化日期的文件src/utils/index.js文件 文件内容如下,其中formatDate是我自己添加的方法,是将日期格式化成“YYYY-mm-DD”格式。注意不要忘记在export default {}中添加formatDate,不然外部文件读取不到这个方法
232 0
|
小程序
微信小程序获取系统日期和时间及时间戳
微信小程序获取系统日期和时间及时间戳
763 0
微信小程序获取系统日期和时间及时间戳
|
6天前
|
小程序 前端开发 API
微信小程序全栈开发中的异常处理与日志记录
【4月更文挑战第12天】本文探讨了微信小程序全栈开发中的异常处理和日志记录,强调其对确保应用稳定性和用户体验的重要性。异常处理涵盖前端(网络、页面跳转、用户输入、逻辑异常)和后端(数据库、API、业务逻辑)方面;日志记录则关注关键操作和异常情况的追踪。实践中,前端可利用try-catch处理异常,后端借助日志框架记录异常,同时采用集中式日志管理工具提升分析效率。开发者应注意安全性、性能和团队协作,以优化异常处理与日志记录流程。
|
6天前
|
小程序 安全 数据安全/隐私保护
微信小程序全栈开发中的身份认证与授权机制
【4月更文挑战第12天】本文探讨了微信小程序全栈开发中的身份认证与授权机制。身份认证包括手机号验证、微信登录和第三方登录,而授权机制涉及角色权限控制、ACL和OAuth 2.0。实践中,开发者可利用微信登录获取用户信息,集成第三方登录,以及实施角色和ACL进行权限控制。注意点包括安全性、用户体验和合规性,以保障小程序的安全运行和良好体验。通过这些方法,开发者能有效掌握小程序全栈开发技术。
|
6天前
|
JavaScript 前端开发 小程序
微信小程序全栈开发之性能优化策略
【4月更文挑战第12天】本文探讨了微信小程序全栈开发的性能优化策略,包括前端的资源和渲染优化,如图片压缩、虚拟DOM、代码分割;后端的数据库和API优化,如索引创建、缓存使用、RESTful API设计;以及服务器的负载均衡和CDN加速。通过这些方法,开发者可提升小程序性能,优化用户体验,增强商业价值。
|
6天前
|
小程序 前端开发 JavaScript
微信小程序全栈开发中的PWA技术应用
【4月更文挑战第12天】本文探讨了微信小程序全栈开发中PWA技术的应用,PWA结合Web的开放性和原生应用的性能,提供离线访问、后台运行、桌面图标和原生体验。开发者可利用Service Worker实现离线访问,Worker处理后台运行,Web App Manifest添加桌面图标,CSS和JavaScript提升原生体验。实践中需注意兼容性、性能优化和用户体验。PWA技术能提升小程序的性能和用户体验,助力开发者打造优质小程序。
|
6天前
|
小程序 应用服务中间件 Linux
【Nginx】微信小程序后端开发、一个域名访问多个服务
【Nginx】微信小程序后端开发、一个域名访问多个服务
18 0
|
6天前
|
Web App开发 数据采集 移动开发
开发uniapp过程中对app、微信小程序与h5的webview调试
开发uniapp过程中对app、微信小程序与h5的webview调试
16 1

热门文章

最新文章