[小程序开发]获取当前时间————（2020.3.19学习笔记）

小程序中，想要获取当前时间很简单，可直接通过Date类对象获取，为了方便理解，我们这里直接使用console将Date对象输出到控制台，结果如下图

从这里就能看出，系统时间已经被Date类对象获取，剩下的就是从Date类对象中将获取的系统时间的年月日秒分离出来，关于这点，Date类有对应的方法，比如getFullYear()，getMonth()，getDate()，getHours()，getMinutes()，getSeconds()。以上六种方法分别获取的是系统时间的年，月，日，时，分，秒。利用这些方法，将系统时间的年，月，日，时，分，秒分别装入不同的变量中，然后将这些变量，组合成自己想要的格式并返回，这样，一个获取当前时间的函数就完成了（代码如下）

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()
  console.log(date)
  return [year, month, day].map(formatNumber).join('/') + ' ' + [hour, minute, second].map(formatNumber).join(':')
}

最后在要获取时间的页面JS中使用该函数，并将该函数返回的时间放入到页面组件中（代码如下）
JS的代码

  data: {

    Time_Year:'',
    Time_Mouth:'',
    Time_Day:'',
    Time_Hours:'',
    Time_Minutes:'',
    Time_Seconds:'',
  



 


  },
 onLoad: function (options) {
    var time = util.formatTime(new Date());
    console.log(time);
 
     
       
    }, 2000);
    // 再通过setData更改Page()里面的data，动态更新页面的数据
   this.setData({
    Time_Year:time.substring(0,4),
    Time_Mouth:time.substring(5,7),
    Time_Day:time.substring(8,11),
    Time_Hours:time.substring(11,13),
    Time_Minutes:time.substring(14,16),
    Time_Seconds:time.substring(17,20),
  
   })
  
   

  },

wxml的代码

<view class="Weather_Title" >

   <text class="Page_Name_Title">天气界面</text>
   
</view>

实现的效果如下图