微信小程序(十一)实战——时间的获取,比较,判断(微信小程序 如何获取时间)

news/2024/7/6 1:22:31

1.获取当前系统日期和时间

在小程序中,新建项目时,就会有一个utils.js文件,就是获取日期和时间的,代码如下:

utils.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
}

使用示例:

index.js

// 在需要使用的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
});
}

})

index.wxml:

< view >当前时间:{{time}} </ view >

效果:


2.时间的比较和判断

我们先获取2个时间:

< view >获取的时间:{{actInfo.act_end_date}} </ view >(我这里是数据库查询出来的时间)
< view >当前的时间:{{time}} </ view >

然后进行比较和判断:

< view wx:if= "{{time<=actInfo.act_end_date}}" >
报名截止时间:{{actInfo.act_end_date}}
</ view >
< view wx:else >
{{time}}已结束
</ view >
效果:






http://www.niftyadmin.cn/n/3272118.html

相关文章

Android退出应用的方式

思路有这么几种&#xff1a; 1.把启动的activity都放入一个栈中&#xff0c;当要退出应用的时候遍历关闭 2.广播方式&#xff0c;基类的activity中添加广播接收器&#xff0c;接收到广播就关闭activity&#xff0c;其他activity继承这个activity&#xff0c;关闭时发送广播 …

javascript三级联动效果实现2

var text ""; for (i 0; i < data.length; i) {text "<option value" i " data-pId" data[i].pId ">" data[i].pName "</option>"; } $(".shengf").append(text); //step2:城市 var text…

微信小程序(十二)实战——小程序模板template的使用,以及传递集合数据

如下图&#xff0c;我们经常做这样的列表页&#xff0c;课程搜索结果页和课程列表页结构是完全一样的&#xff0c;非常适合使用模板来完成页面搭建。 这样我们就不用写那些重复的代码了,而且修改界面的时候也只需要改动模板一个地方 WXML提供模板&#xff08;template&#xff…

docker基础入门之二

一、docker文件系统&#xff1a; linuxFS包括boot file system 和 root file system boot file system (bootfs)&#xff0c;包含bootloader和kernel&#xff0c;在系统启动完成后&#xff0c;kernel滞留内存&#xff0c;bootfs解除挂载&#xff1b; root file system&#xff…

Google浏览器Chrome使用技巧

Google浏览器Chrome使用技巧 Google浏览器Chrome使用技巧一标签页快捷操作二Tab智能搜索三地址栏快捷键 整理一下网上的chrome使用技巧。虽然经常使用chrome&#xff0c;但是再知道几个小技巧说不定会提高效率。 一、标签页快捷操作 直接点击关闭按钮&#xff0c;chrome会自…

微信小程序(十三)实战——Form表单提交

官方手册&#xff1a; 实例走一波 >>> form.wxml <!--pages/form/form.wxml--> <text>pages/form/form.wxml</text> <view class"viewTitle"> <text class"view-Name">form表单</text> <view class&…

java Date SimpleDateFormate日期时间格式 Calendar

// 使用format()方法将日期转换为指定格式的文本SimpleDateFormat sdf1 new SimpleDateFormat("yyyy年MM月dd日 HH时mm分ss秒");SimpleDateFormat sdf2 new SimpleDateFormat("yyyy/MM/dd HH:mm");SimpleDateFormat sdf3 new SimpleDateFormat("yy…

VS2012中MFC 操作mshflexgrid插入图片

CPictureHolder pic,picSection; pic.CreateFromBitmap(IDB_BITMAP);LPDISPATCH pPic pic.GetPictureDispatch();m_Grid.put_ROW(1); m_Grid.put_Col(1); m_Grid.putref_CellPicture(pPic); 转载于:https://www.cnblogs.com/qq76211822/p/4832076.html