1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > 微信小程序获取当前日期和时间 并显示星期几

微信小程序获取当前日期和时间 并显示星期几

时间:2020-07-27 21:04:08

相关推荐

微信小程序获取当前日期和时间 并显示星期几

一、获取当前日期和时间

实现效果(没加样式)

1:准备好要获取时间的.js文件中加载util.js文件,文件目录中有默认的代码

util.js

const formatTime =date=>{const year= date.getFullYear()const month=date.getMonth()+1const day=date.getDate()const hour=date.getHours()const minute=date.getMinutes()const second = date.getSeconds()return [year,month,day].map(formatNumber).join('/')+' '+[hour,minute,second].map(formatNumber).join(':')}const formatNumber = n =>{n=n.toString()return n[1]?n : '0'+n}module.exports = {formatTime:formatTime}

2.展示的页面

wxml

<view>{{time[0]}}-{{time[1]}}-{{time[2]}}</view>

3.展示页面的js

js

var util = require('../../utils/util.js');Page({data: {},onLoad: function () {// 调用函数时,传入new Date()参数,返回值是日期和时间var time = util.formatTime(new Date());// 再通过setData更改Page()里面的data,动态更新页面的数据this.setData({time: time});}})

4.对时间切片

time=time.split(" ")[0].split("/")//变数组console.log(time)

切片效果

二、获取星期几

index.js

Page({data: {weekday: '',week: ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六']},onShow: function () {var today=new Date().getDay(); console.log("today:"+today);switch (today){case 0:this.setData({weekday: this.week[0]}) break; case 1:case 2:case 3:case 4:case 5:case 6:this.setData({weekday: this.data.week[today]})break;}},

index.wxml

<view class="wxml"><text class="time">今天是:{{weekday}}</text></view>

效果

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。