AntDesign日期范围选择(可复用代码片段)

<template>
<div>
<a-range-picker format='YYYY-MM-DD' @change='onUpdateChange'
:default=value='[dataParams.updatedTime_begin, dataParams.updateTime_end]/>
</div>
</template>
<script setup>
const dataParams = ref({
updatedTime_begin: moment(
moment()
.add(-30, 'days')
.startOf('day')
.valueOf()
).format('YYYY-MM-DD '),
updatedTime_end: moment(
moment()
.add(0, 'days')
.endOf('day')
.valueOf()
).format('YYYY-MM-DD '),
});
const onUpdateChange = (date, dateString) => {
this.dataParams.updatedTime_begin = dateString[0]
this.dataParams.updatedTime_end = dateString[1]
}
</script>
posted @   Felix_Openmind  阅读(124)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· winform 绘制太阳,地球,月球 运作规律
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· AI 智能体引爆开源社区「GitHub 热点速览」
· 写一个简单的SQL生成工具
*{cursor: url(https://files-cdn.cnblogs.com/files/morango/fish-cursor.ico),auto;}
点击右上角即可分享
微信分享提示