成人在线亚洲_国产日韩视频一区二区三区_久久久国产精品_99国内精品久久久久久久

您的位置:首頁技術(shù)文章
文章詳情頁

vue 判斷兩個(gè)時(shí)間插件結(jié)束時(shí)間必選大于開始時(shí)間的代碼

瀏覽:79日期:2022-11-06 13:18:54

效果展示:

vue 判斷兩個(gè)時(shí)間插件結(jié)束時(shí)間必選大于開始時(shí)間的代碼

代碼展示:

<template> <div id='date_time_picker'> <van-button plain type='primary' @click='showPopFn()'>點(diǎn)擊選擇日期</van-button> <van-field v-model='timeValue' placeholder='選擇的日期結(jié)果' readonly /> <van-popup v-model='show' position='bottom' :style='{ height: ’40%’ }'> <van-datetime-picker v-model='currentDate' type='date' @change='changeFn()' @confirm='confirmFn()' @cancel='cancelFn()' /> </van-popup> </div></template> <script> export default { data() { return { msg: ’’, currentDate: new Date(), changeDate: new Date(), show: false, // 用來顯示彈出層 timeValue: ’’ } }, methods: { showPopFn() { this.show = true; }, showPopup() { this.show = true; }, changeFn() { // 值變化是觸發(fā) this.changeDate = this.currentDate // Tue Sep 08 2020 00:00:00 GMT+0800 (中國標(biāo)準(zhǔn)時(shí)間) }, confirmFn() { // 確定按鈕 this.timeValue = this.timeFormat(this.currentDate); this.show = false; }, cancelFn(){ this.show = true; }, timeFormat(time) { // 時(shí)間格式化 2019-09-08 let year = time.getFullYear(); let month = time.getMonth() + 1; let day = time.getDate(); return year + ’年’ + month + ’月’ + day + ’日’ } }, mounted() { this.timeFormat(new Date()); } }</script> <style></style>

注意:如果是按需引入的話,記得在main.js里面引入相應(yīng)的文件奧。

// main.js文件里面的部分代碼import {Button} from ’vant’import { DatetimePicker } from ’vant’;import { Popup } from ’vant’;import { Field } from ’vant’; Vue.use(Button)Vue.use(DatetimePicker)Vue.use(Popup)Vue.use(Field);

---------完。

補(bǔ)充知識(shí):Vue + Vant DatetimePicker 日期選擇 常見的日期限制(只允許選擇當(dāng)前月,整月選擇)

安裝Moment.js(Moment.js JavaScript 日期處理類庫 http://momentjs.cn/)

npm install moment --save # npm

yarn add moment # Yarn

<van-datetime-picker v-model='currentDate' type='date' :min-date='minDate' :max-date='maxDate' readonly='readonly' @confirm='confirmDate' @cancel='cancelDate'/> mounted() {let dateLimit = new Date();let year = date.getFullYear();let month = date.getMonth()+1;let d = new Date(year, month, 0);//最大允許選擇當(dāng)前日期this.maxDate = new Date(this.$moment(dateLimit).format(’YYYY/MM/DD’));//最大允許選擇當(dāng)前日期+3個(gè)月this.maxDate = new Date(this.$moment(dateLimit).add(’3’,’M’).format(’YYYY/MM/DD’));//最小允許選擇當(dāng)前日期this.minDate = new Date(this.$moment(dateLimit).format(’YYYY/MM/DD’));//最小允許選擇當(dāng)前日期-3個(gè)月this.minDate = new Date(this.$moment(dateLimit).subtract(’3’,’M’).format(’YYYY/MM/DD’);//最小允許選擇當(dāng)前日期-3個(gè)月(當(dāng)前月不算,減去三個(gè)整月2020/06/01----2020/09/22)this.minDate = new Date(this.$moment(dateLimit).subtract(’3’,’M’).format(’YYYY/MM’)+’/01’); //只允許選擇當(dāng)前月let year = dateLimit.getFullYear();let month = dateLimit.getMonth()+1;let d = new Date(year, month, 0);let enddate = d.getDate();this.minDate = new Date(this.$moment(dateLimit).format(’YYYY/MM/’)+’01’);this.maxDate = new Date(this.$moment(dateLimit).format(’YYYY/MM/’)+ enddate);}

其中minData 和maxData 兩兩組合即可日期限制。

以上這篇vue 判斷兩個(gè)時(shí)間插件結(jié)束時(shí)間必選大于開始時(shí)間的代碼就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持好吧啦網(wǎng)。

標(biāo)簽: Vue
相關(guān)文章:
成人在线亚洲_国产日韩视频一区二区三区_久久久国产精品_99国内精品久久久久久久
日韩美女在线视频| 狠狠入ady亚洲精品| 欧美一区免费视频| 欧美区一区二区三区| 日日夜夜精品视频天天综合网| 欧美午夜精品| 精品国产伦一区二区三区免费 | 日本一区二区免费在线| 国产精品资源在线看| 欧美午夜精品久久久久久孕妇 | 欧美精品一区二区精品网| 久久97超碰国产精品超碰| 一本色道久久综合亚洲91| 一区二区三区在线播| 欧美三级特黄| 国产香蕉久久精品综合网| 粗大黑人巨茎大战欧美成人| 欧美日韩在线直播| 日本不卡视频在线观看| 色综合 综合色| 婷婷丁香久久五月婷婷| av资源站一区| 久久久久亚洲蜜桃| 成人午夜短视频| 欧美一级高清片| 国产精品自产自拍| 欧美一区二区三区日韩| 国产美女视频一区| 91麻豆精品国产91久久久使用方法 | 国产精品亚洲一区| 亚洲靠逼com| 亚洲国产日韩在线| 樱花影视一区二区| 国产精品视频久久一区| 亚洲福利国产精品| 91成人在线观看喷潮| 秋霞午夜av一区二区三区| 91久久香蕉国产日韩欧美9色| 日本不卡在线视频| 欧美午夜精品一区| 国产精品18久久久久| 在线观看91精品国产麻豆| 国产精品911| 久久日一线二线三线suv| 99vv1com这只有精品| 久久毛片高清国产| www.亚洲人| 国产精品天美传媒沈樵| 亚洲免费播放| 日韩二区三区四区| 欧美三级三级三级| 高清shemale亚洲人妖| 精品国产乱码久久久久久图片| 欧美.日韩.国产.一区.二区| 亚洲精品国产视频| 久久亚洲国产精品日日av夜夜| 另类人妖一区二区av| 日韩一区二区在线看| 91麻豆福利精品推荐| 国产亚洲va综合人人澡精品 | 国产偷国产偷亚洲高清97cao| 视频一区在线播放| 欧美一级在线观看| 激情综合在线| 麻豆精品久久精品色综合| 精品国免费一区二区三区| 狠狠综合久久| 日本不卡一二三| 欧美成人综合网站| 亚洲另类黄色| 久久91精品国产91久久小草| 久久午夜免费电影| 亚洲精品一区二区三区蜜桃久| 日本不卡一区二区三区| 欧美一级日韩不卡播放免费| 在线看片一区| 精品一区二区在线视频| 国产日韩综合av| 亚洲欧美清纯在线制服| 国产一区二区三区在线看麻豆| 中文一区在线播放| 色综合久久久久综合99| 成人免费视频视频在线观看免费| 久久久国产精华| 国产成人久久精品77777最新版本 国产成人鲁色资源国产91色综 | 亚洲一区二区毛片| 国产老女人精品毛片久久| 精品久久久三级丝袜| 亚洲专区一区| 蜜臀av一区二区| 日韩精品一区二区三区视频在线观看| 欧美三级视频| 亚洲精品成人在线| 91精品国产91久久久久久最新毛片 | 在线一区二区三区做爰视频网站| 狠狠v欧美v日韩v亚洲ⅴ| 精品免费国产一区二区三区四区| 亚洲少妇诱惑| 蜜臀99久久精品久久久久久软件| 欧美刺激午夜性久久久久久久| 国产精品二区影院| 日韩电影免费一区| 久久久久久久久久久99999| 国产一区二区高清| 激情综合色播激情啊| 制服.丝袜.亚洲.另类.中文| 狠狠色综合色区| 日韩国产欧美视频| 久久综合色综合88| 一本色道久久综合亚洲精品不| 日本视频在线一区| 久久尤物电影视频在线观看| 亚洲一区精品视频| 国产91丝袜在线播放0| 国产精品久久久久久久岛一牛影视| 欧美另类综合| 午夜免费久久看| www激情久久| 欧美亚洲一区| 成人动漫视频在线| 亚洲国产美女搞黄色| 欧美浪妇xxxx高跟鞋交| 国产精品yjizz| 久久99精品久久久久久久久久久久| 欧美r级在线观看| 色嗨嗨av一区二区三区| 欧美成人嫩草网站| 日韩激情中文字幕| 国产精品欧美一区喷水| 欧美性感一区二区三区| 国内一区二区在线视频观看| 久久99国产精品久久99果冻传媒| 国产精品乱码一区二区三区软件 | 国产清纯在线一区二区www| 狼狼综合久久久久综合网| 不卡视频一二三四| 婷婷开心激情综合| 欧美高清在线一区| 在线视频一区二区三| 色综合天天视频在线观看| 午夜精品久久久| 久久久久久久综合色一本| 久久国产一二区| 欧美激情成人在线| 国产一区二区三区在线看麻豆| 亚洲免费av网站| 精品国产凹凸成av人导航| 久久午夜电影| 欧美天堂亚洲电影院在线观看| 黄页网站大全一区二区| 亚洲免费资源在线播放| 久久综合九色欧美综合狠狠| 欧洲一区二区av| 一本色道久久99精品综合| 不卡的看片网站| 蜜臀av一级做a爰片久久| 亚洲女同一区二区| 国产精品福利电影一区二区三区四区| 日韩一级成人av| 久久综合中文| 欧美一区不卡| 国产美女一区二区| 午夜精品久久久久久久| 一区二区三区国产精华| 国产亚洲美州欧州综合国| 日韩视频在线永久播放| 日本高清不卡aⅴ免费网站| 在线视频观看日韩| 色综合天天性综合| 韩国v欧美v亚洲v日本v| 亚洲一区二区视频| 亚洲高清三级视频| 最新热久久免费视频| 国产偷国产偷精品高清尤物| 欧美一区二区三区视频| 一本一道久久a久久精品| 国产精品一区二区在线观看| 欧美福利专区| 成人精品在线视频观看| 成人性生交大片免费看在线播放| 精品在线播放免费| 亚洲国产精品自拍| 亚洲日本青草视频在线怡红院| 国产精品视频看| 久久九九99视频| 日韩午夜电影av| 欧美高清www午色夜在线视频| 欧美高清一级片在线| 老牛嫩草一区二区三区日本| 国产精品一级| 亚洲免费不卡| 亚洲国产精选| 欧美精选一区| gogogo免费视频观看亚洲一| 日韩中文字幕av电影| 日本少妇一区二区| 天堂资源在线中文精品| 一区二区三区精品视频| 亚洲视频一二区| 亚洲视频一二三区|