当前位置:Gxlcms > JavaScript > 微信小程序实现日期格式化和倒计时

微信小程序实现日期格式化和倒计时

时间:2021-07-01 10:21:17 帮助过:22人阅读

本文实例为大家分享了微信小程序实现日期格式化和倒计时的具体代码,供大家参考,具体内容如下

首先看看日期怎么格式化

第一种:

  1. Date.prototype.Format = function (fmt) { //author: meizz
  2. var o = {
  3. "M+": this.getMonth() + 1, //月份
  4. "d+": this.getDate(), //日
  5. "h+": this.getHours(), //小时
  6. "m+": this.getMinutes(), //分
  7. "s+": this.getSeconds(), //秒
  8. "q+": Math.floor((this.getMonth() + 3) / 3), //季度
  9. "S": this.getMilliseconds() //毫秒
  10. };
  11. if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
  12. for (var k in o)
  13. if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
  14. return fmt;
  15. }

然后是调用this.value1=new Date().Format("yyyy-MM-dd HH:MM:SS")

第二种

1.中国标准时间格式化:

  1. formatDateTime:function(theDate) {
  2. var _hour = theDate.getHours();
  3. var _minute = theDate.getMinutes();
  4. var _second = theDate.getSeconds();
  5. var _year = theDate.getFullYear()
  6. var _month = theDate.getMonth();
  7. var _date = theDate.getDate();
  8. if (_hour < 10) { _hour ="0" + _hour }
  9. if (_minute < 10) { _minute = "0" + _minute }
  10. if (_second < 10) { _second = "0" + _second }
  11. _month = _month + 1
  12. if (_month < 10) { _month = "0" + _month; }
  13. if (_date < 10) { _date ="0" + _date }
  14. var time= _year + "-" + _month + "-" + _date + " " + _hour + ":" + _minute + ":" +
  15. _second;
  16. // var time = new Date();
  17. // var formatTime = formatDateTime(time);
  18. // 返回结果:
  19. // Tue Jun 06 2017 15:31:09 GMT+ 0800(中国标准时间)
  20. // 2017 - 06 - 06 15:31:09
  21. //clock为在data中定义的空变量,存放转化好的日期
  22. this.setData({
  23. clock: time
  24. })
  25. },

2、把格式化时间转换为毫秒数

  1. var formatTimeS = new Date('2017-06-06 15:31:09').getTime();

返回结果:1496734269900

3、把毫秒数转换为标准时间

  1. var formatTimeS = new Date(1496734269900);

返回结果:Tue Jun 06 201715:31:09 GMT+0800(中国标准时间)

二、实现倒计时

  1. //倒计时:其中time_canshu为传入的毫秒数
  2. date_format: function (time_canshu) {
  3. // let formatTime1 = new Date().getTime();
  4. // let formatTime2 = new Date('2018-04-24 15:31:09').getTime();
  5. // let formatTimeS = new Date(formatTime2 - formatTime1);
  6. var none = '00:00:00';
  7. if (formatTimeS<=0){
  8. this.setData({
  9. clock: none
  10. })} else {
  11. // 秒数
  12. letsecond = Math.floor(time_canshu / 1000);
  13. // 小时位
  14. lethr = Math.floor(second / 3600);
  15. // 分钟位
  16. letmin = Math.floor((second - hr * 3600) /60);
  17. // 秒位
  18. letsec = second % 60;// equal to => var sec = second % 60;
  19. if (hr <= 9) hr ='0' + hr;
  20. if (min <= 9) min ='0' + min;
  21. if (sec <= 9) sec ='0' + sec;
  22. lettime = hr + ":" + min + ":" + sec + " ";
  23. this.setData({
  24. clock: time
  25. })
  26. }
  27. },

时间戳转化为日期格式函数

  1. //时间戳转化为日期格式
  2. function timestampToTime(timestamp) {
  3. var date = new Date(timestamp * 1000);//时间戳为10位需*1000,时间戳为13位的话不需乘1000
  4. var Y = date.getFullYear() + '-';
  5. var M = (date.getMonth()+1 < 10 ? '0'+(date.getMonth()+1) : date.getMonth()+1) + '-';
  6. var D = date.getDate() + ' ';
  7. var h = date.getHours() + ':';
  8. var m = date.getMinutes() + ':';
  9. var s = date.getSeconds();
  10. return Y+M+D+h+m+s;
  11. }
  12. timestampToTime(1403058804);
  13. console.log(timestampToTime(1403058804));//2014-06-18 10:33:24
  14. //日期格式转化为时间戳
  15. var date = new Date('2014-04-23 18:55:49:123');
  16. // 有三种方式获取
  17. var time1 = date.getTime();
  18. var time2 = date.valueOf();
  19. var time3 = Date.parse(date);
  20. console.log(time1);//1398250549123
  21. console.log(time2);//1398250549123
  22. console.log(time3);//1398250549000
  23. //以上三种获取方式的区别:第一、第二种:会精确到毫秒第三种:只能精确到秒,毫秒用000替代以上三个
输出结果可观察其区别注意:获取到的时间戳除以1000就可获得Unix时间戳,就可传值给后台得到。

分/秒转化为天时分

  1. secondToDate (result) {
  2. if (result > 60) {
  3. let d = parseInt(Math.floor(result / 86400))
  4. let h = d > 0? Math.floor((result - d * 86400) / 3600): Math.floor(result / 3600);
  5. let m = h > 0? Math.floor((result - d * 86400 - h * 3600) / 60): Math.floor(result / 60);
  6. return d + '天:' + h + '时:' + m + '分'
  7. } else {
  8. return result + '秒'
  9. }
  10. }

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

人气教程排行