1.template 代码
<a-range-picker
v-model:value="conversationTime"
style="margin-right: 20px"
:disabledDate="disabledDate"
@calendarChange="onCalendarChange"
@change="onChange"
@openChange="onOpenChange"
/>
2.js 代码
const disabledDate = (current) => {
if (!conversationTime.value || (conversationTime.value as any).length === 0) {
return false;
}
const tooLate =
conversationTime.value[0] && current.diff(conversationTime.value[0], 'days') > 7;
const tooEarly =
conversationTime.value[1] && conversationTime.value[1].diff(current, 'days') > 7;
return tooEarly || tooLate;
};
const onChange = (val) => {
conversationTime.value = val;
};
const onCalendarChange = (val) => {
conversationTime.value = val;
};
const onOpenChange = (open: boolean) => {
if (open) {
conversationTime.value = [] as any;
}
};
const formatTime = (date) => {
const year = date.getFullYear();
const month = date.getMonth() + 1;
const day = date.getDate();
return `${year}-${month}-${day}`;
};
const getTime = () => {
const today = new Date();
const monday = new Date(today);
const sunday = new Date(monday);
sunday.setDate(sunday.getDate() + 7);
return [dayjs(formatTime(monday)), dayjs(formatTime(sunday))];
};
const defaultTimeFunc = () => {
conversationTime.value = getTime();
};
onMounted(() => {
defaultTimeFunc();
});
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· AI与.NET技术实操系列(二):开始使用ML.NET
· 单线程的Redis速度为什么快?