打杂的程序员 2019-07-25 09:58 采纳率: 60%
浏览 1708
已采纳

element ui datepicker 时间控件中切换时间问题。

因切换过快导致属性没来得及更新就点开了时间框,导致页面出现格式错误。

 <template>
  <el-date-picker
    v-model="date"
    :type="dateType"
    align="center"
    unlink-panels
    range-separator="~"
    start-placeholder="Start date"
    end-placeholder="End date"
    size="small"
    :picker-options="pickerOptionsType"
    class="date-class"
    value-format="yyyy-MM-dd"
    :format="format"
    prefix-icon="calendar-icon"
  >
  </el-date-picker>
</template>

其中日动态切换成月时

  computed: {     
    dateType: {
        get() {
          let timeType = this.$store.state.time;
          if ('day' == timeType || 'week' == timeType) {
            return 'daterange';
          } else if ('month' == timeType) {
            return 'monthrange';
          }
        }
      }
            }

本来的样式:
图片说明

如果切换过快,就点开了时间框,如果切换完过两秒就不回出现:
图片说明

怎么才能解决这个问题,只是格式出现问题,其他的数据都合适,timeType是全局变量,一直都有值的。

  • 写回答

4条回答 默认 最新

  • ft_christ 2019-08-12 17:07
    关注

    参考这个官方的回复https://github.com/ElemeFE/element/issues/4905
    两个datepicker 使用v-show判断 https://jsfiddle.net/hgxt68te/1

    图片说明

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(3条)

报告相同问题?

悬赏问题

  • ¥15 求micropython modbus-RTU 从机的代码或库?
  • ¥15 铜与钢双金属板叠加在一起每种材料300mm长,18mm宽,4mm厚一端固定并加热至80℃,当加热端温度保持不变时另一端的稳态温度。ansys
  • ¥15 django5安装失败
  • ¥15 Java与Hbase相关问题
  • ¥15 后缀 crn 游戏文件提取资源
  • ¥15 ANSYS分析简单钎焊问题
  • ¥20 bash代码推送不上去 git fetch origin master #失败了
  • ¥15 LOL外服加入了反作弊系统,现在游戏录像rofl文件离线都无法打开
  • ¥15 在centos7安装conda
  • ¥15 c#调用yolo3 dll文件获取的数据对不上