elementui:date组件将当前月份放在右侧

tomorrownan

于 2020-02-19 10:19:56 发布

阅读量2k

点赞数

分类专栏： Vue

本文链接：https://blog.csdn.net/w1418899532/article/details/104388051

版权

在公司项目中，为展示今天之前的数据，利用picker-options禁用了当前日期之后的日子，导致当前月份出现在日期选择器左侧，影响用户体验。通过设置属性确保当前月份显示在右侧，解决了这一问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

背景：
公司要求展示今天之前的数据，使用picker-options的disabled把当前天后面的日期屏蔽掉，但是这样就出现一个展示问题。当前月份在左侧，右侧月份均不可以选择，非常不美观，如下。于是要把当前月份放在右侧显示。

使用default-value属性设置默认日期。如下：

<el-date-picker v-model="timeRange"
   type="daterange"
   range-separator="至"
   start-placeholder