微信小程序获取年月日周及早上、中午、晚上

好久没写笔记了，今天简单的记录下在开发小程序时，遇到了页面获取当前时间和时间段，记录总结以下。

首先我们在utils文件 中新建一个js文件，然后把当前时间和时间段的代码写在这个文件中。代码就如下：

function formatTime(date) {var year = date.getFullYear()var month = date.getMonth() + 1var day = date.getDate()return year + "年" + month + "月" + day + "日";
}
const formatDay = dates => {let _day = new Array('星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六');let date = new Date(dates);date.setDate(date.getDate());let day = date.getDay();return _day[day];
}
const formatSole = () => {let timeNow = new Date();let hours = timeNow.getHours();let text = ``;if (hours >= 0 && hours <= 6) {text = `深夜了,不要熬夜太久哟`;} else if (hours > 6 && hours <= 8) {text = `早上好`;} else if (hours > 8 && hours <= 10) {text = `上午好`;} else if (hours > 10 && hours <= 13) {text = `中午好`;} else if (hours > 13 && hours <= 17) {text = `下午好`;} else if (hours > 17 && hours <= 23) {text = `晚上好`;}return text;
}
module.exports = {formatTime: formatTime,formatDay: formatDay,formatSole: formatSole
}

然后再项目页面中的js文件引入该js文件，我的需求是页面加载后显示，代码如下：

var util = require('../../utils/time.js')
Page({data: {promptTime:'',promptDay:'',promptTimeSole:'',},onLoad: function(options) {this.setData({promptTime: util.formatTime(new Date()),promptDay: util.formatDay(new Date()),promptTimeSole: util.formatSole(),});},
})

这样就能实现在页面中显示当前年-月-日-周时间段了。效果图如下：

微信小程序获取年月日周及早上、中午、晚上相关推荐

微信小程序获取当前系统时间以及判断周几
微信小程序获取当前系统时间以及判断周几首先获取当前日期在utils文件加中创建问价util.js function formatTime(date) {var year = date.getFul ...
微信小程序获取openid和session_key并且把openid存入数据库
微信小程序开发交流qq群 581478349 微信小程序获取openid和session_key并且把openid存入数据库.已经调用openid的demo 前后端代码都有,后端php实现在其它 ...
android获取小程序音频时长,最新微信小程序获取音频时长与实时获取播放进度...
#微信小程序获取音频时长与实时获取播放进度在小程序官方文档中 audio 注意:1.6.0 版本开始,该组件不再维护.建议使用能力更强的 wx.createInnerAudioContext 接口 ...
微信小程序获取用户手机号--官方示例
微信小程序获取用户手机号–官方示例 https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/getPhoneNu ...
微信小程序获取用户信息并保存登录状态
微信小程序获取用户信息并保存登录状态:http://www.360doc.com/content/18/0124/11/9200790_724662071.shtml 转载于:https://www ...
.Net之微信小程序获取用户UnionID
前言: 在实际项目开发中我们经常会遇到账号统一的问题,如何在不同端或者是不同的登录方式下保证同一个会员或者用户账号唯一(便于用户信息的管理).这段时间就有一个这样的需求,之前有个客户做了一个微信小程序 ...
uni-app微信小程序获取手机号；微信小程序获取手机号，获取到后需要进行解密；微信小程序获取手机号失败 Error：该appId没有权限
方法1.uni-app登录加获取手机号解密-直接看此篇即可解决微信小程序获取手机号注意点: 1.需要先登录,微信小程序登录看这篇 2.手机号获取到时加密的,需要后端解密或者前端自己解密(解密时候就会 ...
微信小程序获取unionid为空
微信小程序获取unionid为空原因:未绑定微信开放平台绑定步骤原因:未绑定微信开放平台最新在调试一个新的微信小程序,因为要对web授权登录.app授权登录.小程序授权登录:几种登录场景根据u ...
微信小程序获取二维码中URL中带的参数
解析微信小程序获取二维码中的url参数 onLoad: function (options) { console.log(options) let qrUrl = decodeURIComponent ...
微信小程序获取input输入的值
微信小程序获取input输入的值 view <view><text>姓名:</text><input type='text' name="user ...

微信小程序获取年月日周及早上、中午、晚上

微信小程序获取年月日周及早上、中午、晚上相关推荐

最新文章

热门文章