3lang3 / react-vant

React mobile UI Components base on Vant
https://react-vant.3lang.dev
MIT License
1.32k stars 189 forks source link

🐛 [Bug]: Calendar 日期区间选择问题 #705

Closed LOADINGG closed 6 months ago

LOADINGG commented 7 months ago

Which React Vant packages are impacted?

What version of React Vant are you using?

^3.3.1

Reproduce live demo(codesandebox or stackblitz)?

No response

Descripition

Calendar 做日期区间选择,绑定onSelect事件,会默认自己选择节日日期到当日。 日历

3lang3 commented 6 months ago

无法复现,方便提供最小复现代码demo吗

LOADINGG commented 6 months ago

`const [date, setDate] = useState('2014-03-01~2024-03-15')

const dateConfirm = (e) => { setDate(${dayjs(e[0]).format('YYYY-MM-DD')}~${dayjs(e[1]).format('YYYY-MM-DD')}) }

return ( <> 已选择的时间:{date}

    <Calendar
        visible={true}
        type='range'
        minDate={new Date('2014/03/01')}
        maxDate={new Date()}
        color="#2D83E8"
        onSelect={(e) => dateConfirm(e)}
        showConfirm={false}
        maxRange={31}
    ></Calendar>
</>

);`

3lang3 commented 6 months ago
const today = new Date()
const tommorow = new Date(today.getTime() + 24 * 60 * 60 * 1000)

const [date, setDate] = useState([today, tommorow])

return (
<Calendar type='range' value={value} onSelect={(v) => setValue(v)} />
)