海门市住房和城乡建设局网站wordpress 文章发布

将自定义的快捷选择日期封装成组件，以便重复使用：
主要使用ant design vue date-picker的ranges属性进行自定义，鼠标悬浮到快捷选择的标签上，可以进行日期范围预览，点击即可选中日期范围。

在其他文件中使用封装组件：

封装组件DatePicker文件：

快捷选择日期自定义：

vue2中响应式问题，需要手动触发校验规则：