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

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

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

 

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

​

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

 

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

 

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

 

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

 

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

 

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

 

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