wux-weapp/example/pages/date-picker-view/index.js

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

function getDateString(date = new Date) {
    return {
        year: date.getFullYear(),
        month: date.getMonth(),
        day: date.getDate(),
        hour: date.getHours(),
        minute: date.getMinutes(),
    }
}

const { year, month, day, hour, minute } = getDateString()

Page({
	data: {
        value1: [year, month, day, hour, minute],
        value2: [year, month, day],
        value3: [year, month],
        value4: [year],
        value5: [hour, minute],
        value6: [year, month, day, hour, minute, '1'],
        value7: [hour, minute, '1'],
        lang: 'zh_CN',
	},
    onChange(e) {
        console.log(e)
        const { key, values } = e.detail
        const lang = values[key]

        this.setData({
            lang,
        })
    },
    setValue(values, key) {
        this.setData({
            [`value${key}`]: values.value,
            [`displayValue${key}`]: values.displayValue.join(' '),
        })
    },
    onValueChange(e) {
        const { index } = e.currentTarget.dataset
        this.setValue(e.detail, index)
        console.log(`onValueChange${index}`, e.detail)
    },
})