wux-weapp/example/pages/calendar/index.js

一套组件化、可复用、易扩展的微信小程序 UI 组件库

import { $wuxCalendar } from '../../dist/index'

import ad from '../index/ad'

ad({
    data: {
        value1: [],
        displayValue1: '请选择',
        value2: [],
        displayValue2: '请选择',
        value3: [],
        displayValue3: '请选择',
        value4: [],
        displayValue4: '请选择',
    },
    openCalendar1() {
        $wuxCalendar().open({
            value: this.data.value1,
            onChange: (values, displayValues) => {
                console.log('onChange', values, displayValues)
                this.setData({
                    value1: displayValues,
                    displayValue1: displayValues.join(','),
                })
            },
        })
    },
    openCalendar2() {
        $wuxCalendar().open({
            value: this.data.value2,
            multiple: true,
            onChange: (values, displayValues) => {
                console.log('onChange', values, displayValues)
                this.setData({
                    value2: displayValues,
                    displayValue2: displayValues.join(','),
                })
            },
        })
    },
    openCalendar3() {
        $wuxCalendar().open({
            value: this.data.value3,
            direction: 'vertical',
            onChange: (values, displayValues) => {
                console.log('onChange', values, displayValues)
                this.setData({
                    value3: displayValues,
                    displayValue3: displayValues.join(','),
                })
            },
        })
    },
    openCalendar4() {
        const now = new Date()
        const minDate = now.getTime()
        const maxDate = now.setDate(now.getDate() + 7)

        $wuxCalendar().open({
            value: this.data.value4,
            minDate,
            maxDate,
            onChange: (values, displayValues) => {
                console.log('onChange', values, displayValues)
                this.setData({
                    value4: displayValues,
                    displayValue4: displayValues.join(','),
                })
            },
        })
    },
})