微信小程序前端开发中开发一个打卡小程序如何如何用微信小程序自带的picker完成一个数组的输入这个输入要输入时分秒。
可以使用微信小程序自带的picker组件,将其mode设置为time,这样可以选择时间,包括小时、分钟、秒。
在wxml文件中,可以使用picker组件,如下所示:
<view>
<picker mode="time" value="{{time}}" start="00:00" end="23:59" bindchange="onTimeChange">
<view class="picker">
{{time}}
</view>
</picker>
</view>
其中,mode设置为time,start和end分别设置了时间的起始和结束时间,bindchange绑定了一个事件onTimeChange,用于获取用户选择的时间。
在js文件中,需要定义一个onTimeChange事件,如下所示:
Page({
data: {
time: '12:01'
},
onTimeChange: function (e) {
this.setData({
time: e.detail.value
})
}
})
在这个事件中,通过setData将用户选择的时间存储到data中,以便后续使用。
需要注意的是,picker组件只能选择一个时间,如果需要选择多个时间,可以使用picker-view组件。同时,如果需要获取到分钟和秒,可以将时间字符串用“:”分割,然后通过split方法将其分割成数组,如下所示:
var timeArray = this.data.time.split(":");
var minute = timeArray[0];
var second = timeArray[1];
原文地址: https://www.cveoy.top/t/topic/NhA 著作权归作者所有。请勿转载和采集!