vant 开始结束日期_在vant中使用时间选择器实现结束时间和开始时间

在vant中使用时间选择器实现结束时间和开始时间

发布时间：2020-11-05 14:59:58

来源：亿速云

阅读：130

作者：Leah

本篇文章给大家分享的是有关在vant中使用时间选择器实现结束时间和开始时间，小编觉得挺实用的，因此分享给大家学习，希望大家阅读完这篇文章后可以有所收获，话不多说，跟着小编一起来看看吧。

{ {dateFormatterStart}}

{ {dateFormatterStart}}

{ {dateFormatter}}

{ {dateFormatter}}

v-model="showDateChooseStart"

position="bottom"

:close-on-click-overlay="false"

:

:overlay->

:show-toolbar="false"

v-model="dateChooseStart"

type="date"

:min-date="minDateStart"

:max-date="maxDateStart"

/>

选择最近一周

v-model="showDateChoose"

position="bottom"

:close-on-click-overlay="false"

:

:overlay->

:show-toolbar="false"

v-model="dateChoose"

type="date"

:min-date="minDate"

:max-date="maxDate"

/>

选择最新一天

import Loading from '../../components/common/loading.vue';// 引入公共的loading组件

import Vue from 'vue';

import { Popup } from 'vant';

import { DatetimePicker } from 'vant';

Vue.use(DatetimePicker);

Vue.use(Popup);

export default {

name: 'lines',

mounted() {

// 获取数据

this.loadingState=false;

this.