微信小程序周历表预约课程

勉后之幸

于 2020-07-30 10:47:28 发布

阅读量695

点赞数

分类专栏：微信小程序

本文链接：https://blog.csdn.net/qq_41219388/article/details/107683339

版权

这篇博客介绍了如何在微信小程序中创建一个周历表，重点在于星期一的展示，便于用户查看。每个日期可以添加多个时间段，通过点击‘+’添加开始和结束时间，‘-’按钮用于删除最后一个时间段。内容包括wxml、js和wxss的相关实现代码。

摘要由CSDN通过智能技术生成

把周历表的星期一提了出来，因为其他天也是一样的，这样更加方便查看。

每一天都可以添加多个时间段，这里的时间就是时：分（01:00），点击‘+’添加一行开始时间和结束时间，点击‘-’删除最后一行

wxml

<view class="week">
    <view class="week_left">
        <view class="week_day">星期一</view>
        <view class="week_day">
            <image src="../../img/reduce.png" class="remove" bindtap="del1"></image>
        </view>
        <view class="week_day">
            <image src="../../img/addNumber.png" class="remove"  bindtap="add1"></image>
        </view>
    </view>
    <view class="week_right">
        <view wx:for="{
  {lists}}" wx:key="">
            <view class="week_day">                  
                <picker name="week1" style="font-size:14px;margin-top:-1px;" mode="time" start="00:00" end="23:59" bindchange="bindTimeChange1" data-id