国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

el-date-picker限制選擇的時間范圍

這篇具有很好參考價值的文章主要介紹了el-date-picker限制選擇的時間范圍。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點擊"舉報違法"按鈕提交疑問。

el-date-picker限制選擇的時間范圍,vue項目中常用操作,后臺管理系統(tǒng),vue.js,elementui,javascript

<el-date-picker
            size="mini"
            v-model="dateTime"
            value-format="yyyy-MM-dd HH:mm:ss"
            type="datetimerange"
            range-separator="~"
            start-placeholder="開始日期"
            end-placeholder="結(jié)束日期"
            :picker-options="pickerOptions"
          />

?限制選擇今天之前的時間,并且只能選擇一天????????????????

data() {
    return {

        pickerMinDate: '',
      pickerOptions: {
        onPick: (pick) => {
          this.pickerMinDate = pick; //獲取當(dāng)前選擇日期
        },
        disabledDate: (date) => {
          const timeStamp = 24 * 60 * 60 * 1000; //1天的時間戳
          const { minDate, maxDate } = this.pickerMinDate;
          if (date.getTime() > Date.now()) {
            return true;
          } else if (minDate && !maxDate) {
            // 日期范圍控制在365天內(nèi)
            const tamp = Math.abs(minDate.valueOf() - date.valueOf());
            const customTimeStamp = timeStamp * 1; //自定義天數(shù)
            if (tamp > customTimeStamp) {
              return true;
            }
          }
        },
      },

    }
}

只能選擇今天往后365天文章來源地址http://www.zghlxwxcb.cn/news/detail-689216.html

 data() {
    return {
      valueDate: "",
      pickDate: "", //存儲日期
      pickerOptions: {
        onPick: (pick) => {
          this.pickDate = pick; //獲取當(dāng)前選擇日期
        },
        disabledDate: (date) => {
          const timeStamp = 24 * 60 * 60 * 1000; //一天的時間戳
          const { minDate, maxDate } = this.pickDate;
          if (date.getTime() < Date.now() - timeStamp) {
            //選擇今天及以后的日期(如果不需要從今天開始,只需要控制范圍,這個判斷去掉即可)
            return true;
          } else if (minDate && !maxDate) {
            // 日期范圍控制在365天內(nèi)
            const tamp = Math.abs(minDate.valueOf() - date.valueOf());
            const customTimeStamp = timeStamp * 365; //自定義天數(shù)
            if (tamp > customTimeStamp) {
              return true;
            }
          }
        },
      },
    };
  },

到了這里,關(guān)于el-date-picker限制選擇的時間范圍的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實不符,請點擊違法舉報進行投訴反饋,一經(jīng)查實,立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費用

相關(guān)文章

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包