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: {
        cityList: [],
        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: '',
        cityIndex: 0,
        cityName: "",
        timeValue: '',
        year: '',
        month: '',
        info: [], //挂牌列表
        infoT: [], //拍卖列表
        auctionCount: [], //有拍卖数量日期
        listedCount: [], //有挂牌数量日期
    },

    bindDateChange(value) {
        let calendarDisplayTime = value.detail;
        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 > 9 ? 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(e) {
        let city = this.data.cityList[e.detail.value]
        wx.setStorageSync('city', city)
        let index = this.data.cityList.indexOf(city)
        this.setData({
            cityName: city,
            cityIndex: index
        })
        this.onShow()
    },
    // 跳转
    navigate(e) {
        let id = e.currentTarget.dataset.id;
        wx.navigateTo({
            url: '/pages/look-detail/look-detail?id=' + id,
        })
    },

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

    /**
     * 生命周期函数--监听页面显示
     */
    onShow: function () {
        let storeDate = wx.getStorageSync("date");
        let timer = this.data.timer;
        let getDate = new Date().getDate();
        if (!timer) {
            getDate = getDate > 9 ? getDate : '0' + getDate
            timer = this.data.calendarDisplayTime + '-' + getDate;
        }
        if (storeDate) {
            timer = storeDate.time
            this.setData({
                timer
            })
        } else {
            this.setData({
                timer
            })
        }
        $api.getCityList().then(res => {
            let city = wx.getStorageSync('city')
            let index = res.data.indexOf(city)
            if (index !== -1) {
                this.setData({
                    cityName: city,
                    cityIndex: index
                })
            }
            this.setData({
                cityList: res.data
            })
        })

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

        $api.getLandlistedList2({
            auctionDate: timer
        }).then(res => {
            this.setData({
                infoT: res.data.records
            })
        })
        if (typeof this.getTabBar === 'function' &&
            this.getTabBar()) {
            this.getTabBar().setData({
                selected: 0
            })
        }
        this.getCalendar();
    },
    getCalendar() {
        // 获取日历列表数据
        let date = this.data.calendarDisplayTime.substring(0, 7);
        $api.calendar(date).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
                    )
                }
            })

            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)
    },

    // 回到今天
    todayFun() {
        this.setData({
            year: moment().format('YYYY'),
            month: moment().format('MM'),
            timer: moment().format('YYYY-MM-DD'),
            calendarDisplayTime: moment().format('YYYY-MM-DD')
        })
        this.onShow();
    },
    onShareAppMessage: function () {
        return {
            title: '艾儿数据',
            path: 'pages/calendar/calendar', // 路径，传递参数到指定页面。
        }
    },
    onShareTimeline(){
        return {
            title: '艾儿数据',
            path: 'pages/calendar/calendar', // 路径，传递参数到指定页面。
        }
    }
})