⼩程序wxs⽇期时间处理的实现⽰例
⽬录
1、时间戳转⽇期
2、UTC转北京时间
WXS（WeiXin Script）是⼩程序的⼀套脚本语⾔，wxs 与 javascript 是不同的语⾔，有⾃⼰的语法，并不和 javascript ⼀致。其中包括了很多⽇常使⽤的javascript函数，在wxs中都是不能同样使⽤的。最近在做⼀个列表的时候，涉及到时间格式化操作。就遇到了这个问题，以前写好了的格式化⼯具函数直接拷贝到⼩程序项⽬的wxs⽂件中，函数不能正常执⾏。其中包括了下⾯的⼏个错误
正则表达式在字符串的replace函数中的使⽤⽅法不⼀样，不能直接使⽤var a = /[0-9]/这种⽅式声明使⽤。正确的⽅式为var reg = getRegExp("-", “g”);
获取当前时间不能通过new Date()获取，⽽是通过getDate⽅法获取。
getDate(‘2018/12/12')可以获取对应⽇期的date类型的时间。
1、时间戳转⽇期
在wxs中处理⽇期需要使⽤getDate(time),⽽不能使⽤new Date()来处理⽇期
在wxs⽂件中
var filter = {
formatNumber: function (n) {
n = n.toString()
return n[1] ? n : '0' + n
},
parseTime: function (time, type) {
if (time == null || type == '') {
return ''
}
if (arguments.length === 0) {
return null
}
var date = getDate(time);//在wxs中不能使⽤new Date()来处理⽇期
console.log("date", date);
var y = FullYear();
var m = filter.Month() + 1);
var d = filter.Date());
var h = filter.Hours());
var i = filter.Minutes());
var s = filter.Seconds());
var a = filter.Day());
var time_str = "";
if (type == 'month') {
time_str = y + '-' + m;
} else if (type == 'date') {
time_str = y + '-' + m + '-' + d;
} else if (type == 'datetime') {
time_str = y + '-' + m + '-' + d + ' ' + h + ':' + i + ':' + s;
} else if (type == 'onlyMonth') {
time_str = m;
} else if (type == 'onlyYear') {
time_str = y;
}
return time_str
},
}
parseTime: filter.parseTime,
}
在wxml中使⽤
<wxs module="filters" src="../../../filters/filter.wxs"></wxs>
<text>{{filters.parseTime(time,'date')}}</text>写文章的小程序
2、UTC转北京时间
UTC时间⽐北京时间晚8⼩时，在苹果⼿机上需要去除"Z"后再处理时间
var filter = {
formatNumber: function (n) {
n = n.toString()
return n[1] ? n : '0' + n
},
parseTime: function (time, type) {
if (time == null || time == '') {
return ''
}
if (arguments.length === 0) {
return null
}
var date;
if (typeof time === 'object') {
date = time
} else {
if (('' + time).length === 10) {
time = parseInt(time) * 1000
} else {
time = place("Z", " ").replace(getRegExp('-', 'g'), "/")//去除Z，兼容苹果⼿机
var ts = time.split('T')
var t1 = ts[0]
var t2 = ts[1].split('.')[0]
time = t1 + " " + t2
time = getDate(time).getTime() + 8 * 3600000;//utc时间与北京时间相差8⼩时
}
date = getDate(time)//不能使⽤new Date()
}
var y = FullYear();
var m = filter.Month() + 1);
var d = filter.Date());
var h = filter.Hours());
var i = filter.Minutes());
var s = filter.Seconds());
var a = filter.Day());
var time_str = "";
if (type == 'month') {
time_str = y + '-' + m;
} else if (type == 'date') {
time_str = y + '-' + m + '-' + d;
} else if (type == 'datetime') {
time_str = y + '-' + m + '-' + d + ' ' + h + ':' + i + ':' + s;
} else if (type == 'onlyMonth') {
time_str = m;
} else if (type == 'onlyYear') {
time_str = y;
}
return time_str
},
}
parseTime: filter.parseTime,
}
到此这篇关于⼩程序 wxs⽇期时间处理的实现⽰例的⽂章就介绍到这了，更多相关⼩程序 wxs⽇期时间内容请搜索以前的⽂章或继续浏览下⾯的相关⽂章希望⼤家以后多多⽀持！

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。