mini_program/pages/calendar/calendar.js

// pages/calendar/calendar.js
const moment = require('../../utils/moment.min');
const $api = require('../../utils/api').API;
moment.locale('en', {
  longDateFormat: {
    l: "YYYY-MM-DD",
    L: "YYYY/MM/DD",
  }
});
import {
  formatNumber
} from '../../utils/util'
Page({

  /**
   * 页面的初始数据
   */
  data: {
    tabList: [{
      id: 1,
      name: '本日挂牌'
    }, {
      id: 2,
      name: '本日拍卖'
    }],
    timer: '',
    active: 1,
    loading: false,
    color: '#000',
    background: '#f8f8f8',
    show: true,
    animated: false,
    isCalendarShow: 'block',
    calendarDisplayMonthNum: 1,
    calendarDisplayTime: '',
    calendarSelectedDate: new Date().toString(),
    calendarSelectedDateStr: '',
    region: ["500000", "500100"],
    cityName: '重庆',
    timeValue: '',
    year: '',
    month: '',



    info: [],//挂牌列表
    infoT: [],//拍卖列表

    auctionCount: [],//有拍卖数量日期
    listedCount: [],//有挂牌数量日期
  },

  bindDateChange(res) {
    let calendarDisplayTime = res.detail.value;
    console.log(calendarDisplayTime);

    this.setData({
      year: calendarDisplayTime.split('-')[0],
      month: calendarDisplayTime.split('-')[1],
      calendarDisplayTime,
      timer: '',
    })
    this.selectComponent("#calendarId").emptyFun('');
    this.getCalendar();
  },


  tabDowm(e) {
    let active = e.currentTarget.dataset.id
    if (active !== this.data.active) {
      this.setData({
        active
      })
    }
    this.onShow()
  },
  backToday() {
    let timer = new Date()
    let year = timer.getFullYear()
    let month = timer.getMonth() + 1

    month = month.length > 1 ? month : '0' + month
    let date = `${year}-${month}`
    if (date !== this.data.calendarDisplayTime) {
      this.setData({
        calendarDisplayTime: date,
      })
    }
    this.setData({
      timeValue: date,
      year: year,
      month: month,
    })
  },

  bindAddressChange(res) {
    let cityName = res.detail.value[1]
    if (cityName) {
      this.setData({
        cityName
      })
    };
    this.onShow()
  },
  // 跳转
  navigate(e) {
    let id = e.currentTarget.dataset.id;
    console.log(e.currentTarget.dataset.id)
    wx.navigateTo({
      url: '/pages/look-detail/look-detail?id=' + id,
    })
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.backToday()

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    let demo = wx.getStorageSync("date");
    let timer = this.data.timer;
    if (!timer) {
      timer = this.data.calendarDisplayTime + '-' + new Date().getDate();
    }
    if (demo) {
      timer = demo.time
      this.setData({
        timer
      })
    } else {
      // timer = moment().format('YYYY-MM-DD')
      this.setData({
        timer
      })
    }

    $api.getLandlistedList({ annoDate: timer, city: this.data.cityName }).then(res => {
      this.setData({
        info: res.data.records
      })
    })

    $api.getLandlistedList2({ auctionDate: timer, city: this.data.cityName }).then(res => {
      console.log(res.data)
      this.setData({
        infoT: res.data.records
      })
    })
    if (typeof this.getTabBar === 'function' &&
      this.getTabBar()) {
      this.getTabBar().setData({
        selected: 0
      })
    }
    this.getCalendar();
  },
  getCalendar() {
    // 获取日历列表数据
    $api.AJAX("GET", 'applets/landlisted/calendar', {
      date: this.data.calendarDisplayTime
    }, true).then(res => {
      let auctionCount = [];//	拍卖数量的
      let listedCount = [];//挂牌数量的

      res.data.map((item, index) => {
        if (item.auctionCount > 0) {
          auctionCount.push(
            item.date
          )
        }
        if (item.listedCount > 0) {
          listedCount.push(
            item.date
          )
        }
      })
      console.log(auctionCount);
      console.log(listedCount);

      this.setData({
        auctionCount: auctionCount,
        listedCount: listedCount,
      })

    })
  },
  // 日历点击跳转（请求接口获取列表数据）
  onCalendarDayTap(res) {
    console.log(res)
    let timer = res.detail;
    timer = `${timer.year}-${formatNumber(timer.month)}-${formatNumber(timer.day)}`
    this.setData({
      timer
    })
    this.onShow()
  },
  calendarSelectedDate(e) {
    console.log(e)
  }
})