Mint-UI时间组件起始时间问题

在使用Mint-UI的时候,官方的demo是这样的

<template>
  <mt-datetime-picker
    ref="picker"
    type="time"
    v-model="pickerValue">
  </mt-datetime-picker>
</template>

<script>
  export default {
    methods: {
      openPicker() {
        this.$refs.picker.open();
      }
    }
  };
</script>

       而起始时间默认是十年前的1月1日,但正常我们的需求都会是超过这个时间的,那我们怎么来的自定义起始时间呢?我当时碰到这个需求,发现官方文档并没有说明,百度一遍之后也没有发现相关的文章。经过自己摸索,把自己的方法写出来,给有需要同学参考一下。

       在mt-datetime-picker可以添加startDateendDatestartDate就是控制起始时间的,如果我们直接设置时间格式字符串,例如2018-08-20,是不行的,代码会报错。然后根据报错的原因发现,传入startDate的值必须是Date类型,所以需要在设置的时间前面加上new Date(设置的时间),这样就可以了。

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值