<script>exportdefault{data(){return{
timeValue:'',
show:false,
isLoadingShow:true,
currentDate:newDate(),
minDate:newDate(),
maxDate:newDate(2020,12,31),};},created(){this.getTime();// 加载页面显示默认时间},
methods:{// 显示弹窗showPopup(){this.show =truethis.isLoadingShow =truesetTimeout(()=>{this.isLoadingShow =false},500)},// 确认选择之后的时间confirmPicker(val){let year = val.getFullYear()let month = val.getMonth()+1let day = val.getDate()let hour = val.getHours()let minute = val.getMinutes()// let second = val.getSeconds()if(month >=1&& month <=9){ month =`0${month}`}if(day >=1&& day <=9){ day =`0${day}`}if(hour >=0&& hour <=9){ hour =`0${hour}`}if(minute >=0&& minute <=9){ minute =`0${minute}`}// if (second >= 0 && second <= 9) { second = `0${second}` }this.timeValue =`${year}-${month}-${day}${hour}:${minute}:00`
console.log(this.timeValue)this.show =false},// 默认显示当前时间getTime(){let date =newDate()let y = date.getFullYear()let m = date.getMonth()+1let d = date.getDate()let h = date.getHours()let min = date.getMinutes()// let s = date.getSeconds()if(m >=1&& m <=9){ m =`0${m}`}if(d >=1&& d <=9){ d =`0${d}`}if(h >=0&& h <=9){ h =`0${h}`}if(min >=0&& min <=9){ min =`0${min}`}// if (s >= 0 && s <= 9) { min = `0${s}` }let time =`${y}-${m}-${d}${h}:${min}:00`this.timeValue = time
},// 日期选项格式化函数formatter(type, value){if(type ==='year'){return`${value}年`}elseif(type ==='month'){return`${value}月`}elseif(type ==='day'){return`${value}日`}elseif(type ==='hour'){return`${value}时`}elseif(type ==='minute'){return`${value}分`}elseif(type ==='second'){return`${value}秒`}return value
},}}</script>
Vue+Vant ui实现日期时间选择Vant DatetimePicker 时间选择1、安装Vant uinpm i vant -S2、在 main.js 中引入 Vant ui // 引入vant import Vant from 'vant' import 'vant/lib/index.css' Vue.use(Vant)3、具体使用Vant Datetime...