直播平台搭建源码，实现活动报名登记

直播平台搭建源码，实现活动报名登记

页面加载时，即会默认显示当前时间，以活动开始时间为例，页面的onLoad函数如下：

 

1

<br>//newactivity.js<br>onLoad () {<br>    this.setData({<br>        acStartDate:util.formatDate(),<br>        acStartTime: util.formatTime(),<br>        acEndDate:util.formatDate(),<br>        acEndTime: util.formatTime(),<br>        signEndDate: util.formatDate(),<br>        signEndTime: util.formatTime(),<br>    });<br>},

​

其中，util.formatDate()，util.formatTime()来自自定义的公共函数。主要功能是将Unix的时间戳格式化成标准的年月日时分秒的格式。

 

在前端以开始时间部分为例，代码如下：

 

1

<br><!--newactivity.wxml--><br><view><br><view><br><text >开始时间</text><br></view><br>    <picker name="acStartDate" mode="date" start="2000-01-01" end="2100-12-31" value="{{acStartDate}}" bindchange="acStartDateChange"><br>        <view ><br>            {{acStartDate}}<br>        </view><br>     </picker><br>     <picker name="acStartTime" mode="time" start="00:00" end="23:59" value="{{acStartTime}}" bindchange="acStartTimeChange"><br>         <view ><br>             {{acStartTime}}<br>         </view><br>      </picker><br></view>

 

 日期和时间分别是两个带有默认值的picker组件，每个picker组件还绑定了对应的change事件，用于获取设定的值。以acStartDateChange函数为例，函数内容如下：

 

1	<br>acStartDateChange:function(e){<br>    console.log('开始日期',e.detail.value);<br>    this.setData({<br>      acStartDate:e.detail.value,<br>      signEndDate:e.detail.value,<br>      acEndDate:e.detail.value,<br>    });<br>},

 

改变开始日期的同时，也会改变活动结束日期和报名截止日期，减少用户调节的次数。

 

以上就是 直播平台搭建源码，实现活动报名登记，更多内容欢迎关注之后的文章