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

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

<template><mt-datetime-pickerref="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可以添加startDate和endDate，startDate就是控制起始时间的，如果我们直接设置时间格式字符串，例如2018-08-20，是不行的，代码会报错。然后根据报错的原因发现，传入startDate的值必须是Date类型，所以需要在设置的时间前面加上new Date（设置的时间），这样就可以了。

Mint-UI时间组件起始时间问题相关推荐

vue-time-slot 一款基于vue3的会议预约时间组件，时间轴为早7-晚11，可自由选择，并且非常方便。
vue-time-slot 这款组件是一个会议预约时间的组件,时间轴为早7-晚11,可自由选择非常便捷,点击确认后会返回一个时间段,首先我们安装 npm install vue3-time-slot ...
JS计算请假时间（起始时间与终止时间）
正常上班时间为周一至周五 9:00 -12:00,13:00-18:00,实现了选择了请假起始时间与终止时间后,算出请假的总小时数,此总小时数扣除了非上班时间(周末,还有一天中的非上班时间:如午休的那 ...
JS计算请假时间（起始时间与终止时间可跨月）
正常上班时间为周一至周五 8:30 -12:00,13:30-18:00,实现了选择了请假起始时间与终止时间后,算出请假的总小时数,此总小时数扣除了非上班时间(周末,还有一天中的非上班时间:如午休的那 ...
java按年月季度统计折线图_拆线图按年、按月，按天统计，前端传时间只要起始时间与结束时间...
packagetest.common.utils;importtest.EventInfoCountVo;importjava.text.DateFormat;importjava.text.Simp ...
iOS-自定义起始时间选择器视图
概述自定义起始时间选择器视图, 调起时间选择器, 传值(起始时间/截止时间), 两者时间均要合理, 不能超过未来时间, 并且起始时间不能大于截止时间. 点击取消或空白处收起时间选择器. 详细代码下 ...
Swing 写的日期时间组件
Swing 写的日期时间组件在网上收集的swing时间组件完善了一下,日期上下按钮可以点击,闰年平年判断,月份是多少天自动更新改变.希望大家继续完善. MainApp import java.awt ...
Mint UI组件教程
官网:https://mint-ui.github.io/#!/zh-cn Github: https://github.com/ElemeFE/mint-ui/ 前面两节说到,从搭建环境,引入Min ...
Java 某个起始时间，固定的累加天数，计算周期
Java 某个起始时间,固定的一个天数相加,计算周期每次加过后的周期前言项目中有这么一个业务场景,数据库中某张表有个起始时间,和一个累加时间,比如2020-01-07,往后每次加3天为一个周期,到 ...
【Vue学习总结】21.Vue-UI框架之Mint UI的使用
接上篇<20.Vue路由中的嵌套> 上一篇我们讲解了Vue路由中的嵌套,本篇我们来介绍Vue的UI框架----Mint UI的使用. 本系列博文使用的Vue版本:2.6.11 一.基于Vu ...

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

Mint-UI时间组件起始时间问题相关推荐

最新文章

热门文章