微信小程序笔记

弹窗不显示，只在手机端显示，因为没设置宽高

验证码为：123456

非tabbar页面跳转失败

路径里不要带上.xml
wx.navigateTo({
url: ‘…/test/test’,
})

一个标签只能绑定一个同类型事件

输出数组不要在console.log里加文字

console.log(‘临时列表’+roomsTemp)-----只显示出obj
console.log(rooms)

vant 日历 date className 使用方法

//已过期的样式
day.className=“outdated”

pages\upRoStatus\upRoStatus.wxml
<van-calendar
  title="日历"
  poppable="{{ false }}"
  show-confirm="{{ false }}"
  class="calendar"
  min-date="{{ minDate }}"
  max-date="{{ maxDate }}"
  show="{{ show }}"
  formatter="{{formatter}}"
  color="#07c160" 
/>




pages/upRoStatus/upRoStatus.wxss
.calendar {
  --calendar-height: 500px;
}
.outdated{
  color: #c8c9cc;
}


pages/upRoStatus/upRoStatus.js
Page({
  /**
   * 页面的初始数据
   */
  data: {
    show: false,
    // show: true,
    minDate: new Date(2022, 5, 1).getTime(),
    maxDate: new Date(2022, 5, 30).getTime(),
    formatter(day) {
      const month = day.date.getMonth() + 1;
      const date = day.date.getDate();
      day.className="dateCSS"
      // 默认是未预约，已过期不显示，8，15，19是已预约
      day.bottomInfo='未预约'
      if(date<7){
        day.bottomInfo='已过期'
        //已过期的样式
        day.className="outdated"
      }else if(date==8||date==15||date==19){
        day.bottomInfo='已预约'
      }
      if (month === 6) {
        if (date === 1) {
          day.topInfo = '儿童节';
        }else if (date === 11) {
          day.text = '今天';
        }
      }
      return day;
    },
  },

})

在其他方法里修改日历中day的参数

  /**
   * 弹窗
   */
  onSheetSelect(e) {
    console.log('onSheetSelect');
    console.log(e.detail.name);
    changeStatus = e.detail.name
    this.setData({
      formatter: function (day) {
        console.log(day.date)
      }
    })