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

一、获取当前日期和时间

实现效果(没加样式)
在这里插入图片描述
在这里插入图片描述

1:准备好要获取时间的.js文件中加载util.js文件,文件目录中有默认的代码
在这里插入图片描述

util.js

const formatTime =date=>{
  const year= date.getFullYear()
  const month=date.getMonth()+1
  const 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>

效果
在这里插入图片描述

©️2020 CSDN 皮肤主题: 黑客帝国 设计师:上身试试 返回首页