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

element-ui 月份選擇器,當(dāng)所選月份為當(dāng)前月時,獲取當(dāng)天日期 。非當(dāng)前月時,獲取所選月的最后一天

這篇具有很好參考價值的文章主要介紹了element-ui 月份選擇器,當(dāng)所選月份為當(dāng)前月時,獲取當(dāng)天日期 。非當(dāng)前月時,獲取所選月的最后一天。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點擊"舉報違法"按鈕提交疑問。

根據(jù)需求:

起始日期和結(jié)束日期的設(shè)置,當(dāng)所選月份為當(dāng)前月時,獲取當(dāng)天日期 。 非當(dāng)前月時,獲取所選月的最后一天?

element-ui 月份選擇器,當(dāng)所選月份為當(dāng)前月時,獲取當(dāng)天日期 。非當(dāng)前月時,獲取所選月的最后一天

全部代碼:

     // 獲取當(dāng)前日期
    formatDate () {
        var now = new Date();
        var year = now.getFullYear();
        var month = now.getMonth();
        var date = now.getDate();
        month = month + 1;
        if (month < 10){
            month = "0" + month;
            }
        if (date < 10) {
        date = "0" + date;
        }
        var time = year + "-" + month + "-" + date;
        return time;
    },


    search() {
      // 起始時間設(shè)置
      if(Date.parse(this.form.sDate)!=Date.parse(this.formatDate ())){
        let b = this.form.sDate;
        let date = new Date(b);
        let month = (date.getMonth() + 1).toString().padStart(2,'0');
        let year = date.getFullYear();
        let day = new Date(year,month,0);
        let endTime = year + '-' + month + '-' + day.getDate();
        this.form.sDate=endTime
      }

      //結(jié)束時間設(shè)置
      if(Date.parse(this.form.eDate)!=Date.parse(this.formatDate ())){
        let b = this.form.eDate;
        let date = new Date(b);
        let month = (date.getMonth() + 1).toString().padStart(2,'0');
        let year = date.getFullYear();
        let day = new Date(year,month,0);
        let endTime = year + '-' + month + '-' + day.getDate();
        this.form.eDate=endTime
      }
    }

細(xì)節(jié)解說:

1、Date.parse()函數(shù)用于分析一個包含日期的字符串,并返回該日期與 1970 年 1 月 1 日午夜之間相差的毫秒數(shù)

Date.parse()的語法如下:

Date.parse( dateString )//該函數(shù)屬于Date對象,所有主流瀏覽器均支持該函數(shù)。

2、獲取選擇月的第一天和最后一天

<el-date-picker
  class="pickerStyle"
  v-model="times"
  type="month"
  size="small"
  @change="changeMonth"
  placeholder="選擇月">
</el-date-picker>


changeMonth(value){
  let date = new Date(value);
  let month = (date.getMonth() + 1).toString().padStart(2,'0');
  let year = date.getFullYear();
  let startTime = year + '' + month + '01';
  let day = new Date(year,month,0);
  let endTime = year + '' + month + '' + day.getDate();
  console.log(startTime,'startTime');
  console.log(endTime ,'endTime ');
}

3.獲取當(dāng)前時間文章來源地址http://www.zghlxwxcb.cn/news/detail-509673.html

  //獲取當(dāng)前時間
  function FormatDate () {
      var now = new Date();
      var year = now.getFullYear();
      var month = now.getMonth();
      var date = now.getDate();
      month = month + 1;
      if (month < 10){
          month = "0" + month;
}
      if (date < 10) {
       date = "0" + date;
      }
      var time = year + "-" + month + "-" + date;
      return time;
  }

到了這里,關(guān)于element-ui 月份選擇器,當(dāng)所選月份為當(dāng)前月時,獲取當(dāng)天日期 。非當(dāng)前月時,獲取所選月的最后一天的文章就介紹完了。如果您還想了解更多內(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ìn)行投訴反饋,一經(jīng)查實,立即刪除!

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

相關(guān)文章

  • vue+element-ui的el-date-picker時間選擇器只能選擇當(dāng)前周

    vue+element-ui的el-date-picker時間選擇器只能選擇當(dāng)前周

    最近遇到一個這樣一個需求,開始時間和結(jié)束時間只能選擇當(dāng)前周時間,而且結(jié)束時間不能比開始時間早; 上效果圖: ?結(jié)構(gòu)文件 js代碼

    2024年02月13日
    瀏覽(30)
  • element-ui的年份范圍選擇器,選擇的年份需等于或小于當(dāng)前年份,選擇的年份范圍必須在三年之內(nèi)

    element-ui的年份范圍選擇器,選擇的年份需等于或小于當(dāng)前年份,選擇的年份范圍必須在三年之內(nèi)

    日期限制處理(禁用),下面我以我這邊的需求為例, 選擇的年份需等于或小于當(dāng)前年份 選擇的年份范圍必須在三年之內(nèi) 1.限制起始日期小于截止日期 1)根據(jù)用戶選中的開始日期,置灰不可選的日期范圍; 2)如果用戶先選擇截止日期,再選擇的開始日期,且開始日期大于

    2024年04月14日
    瀏覽(25)
  • element ui 下拉框 選擇月份和天數(shù)

    element ui 下拉框 選擇月份和天數(shù)

    目前做的管理系統(tǒng)項目,期望實現(xiàn)功能為:設(shè)置出賬周期和出賬日,考慮使用element ui下拉框?qū)崿F(xiàn)功能 vue2+element ui

    2024年04月29日
    瀏覽(17)
  • Element UI日期組件-選擇月份具體到當(dāng)月最后一天

    Element UI日期組件-選擇月份具體到當(dāng)月最后一天

    效果如圖:可以選擇7月到7月,也可以選擇7-8月等。。? ?

    2024年02月06日
    瀏覽(27)
  • [element-ui] el-table點擊高亮當(dāng)前行

    1、highlight-current-row 2、:row-class-name=“tableRowClassName”,需要借助@row-click=\\\"handleRowClick\\\"獲取當(dāng)前點擊行的下標(biāo) 參考: elementUI中table點擊高亮當(dāng)前行的兩種方式

    2024年03月21日
    瀏覽(31)
  • element-ui 季度選擇器

    element-ui 季度選擇器

    ?最近在vue項目練習(xí)時發(fā)現(xiàn)element-ui沒有關(guān)于季度的選擇器,周、年、月這些都有。于是參考網(wǎng)上大神寫的自己搞了一個簡易版本。項目需求是選擇某年某一個季度,然后獲得該季度第一天和最后一天的時間戳來獲取數(shù)據(jù)。最后結(jié)果如圖: 本篇文章參考了? element季度選擇控件

    2024年02月11日
    瀏覽(16)
  • element-ui 時間日期選擇器限制選擇范圍

    element-ui 時間日期選擇器限制選擇范圍

    組件代碼 場景1:設(shè)置選擇今天及今天之后的日期 情景2: 設(shè)置選擇今天以及今天以前的日期 情景3: 設(shè)置選擇三個月之內(nèi)到今天的日期 情景4: 設(shè)置選擇最大范圍為30天

    2024年02月12日
    瀏覽(23)
  • element-ui 實現(xiàn)圖標(biāo)選擇器

    element-ui 實現(xiàn)圖標(biāo)選擇器

    實現(xiàn)效果圖: 代碼如下:

    2024年02月13日
    瀏覽(19)
  • element-ui 下拉選擇同時可輸入

    element-ui在下拉選擇的同時可以輸入,看官方文檔的時候,發(fā)現(xiàn)只有allow-create勉強符合需求,可以創(chuàng)建并選中選項中不存在的條目,但是不能滿足輸入失焦以后就是輸入的值,搜了網(wǎng)上一圈,終于找到了答案~使用blur:

    2024年02月17日
    瀏覽(21)
  • element-ui 修改時間選擇器樣式

    因為elementUI的時間選擇器el-date-picker是將元素直接掛載到頁面的 body 中,而非自身元素下,所以使用 /deep/ 穿透也是無法定位到元素的。 解決方案: 利用時間選擇器的 popper-class 屬性,給其設(shè)置樣式。 然后再在src/assets下創(chuàng)建style.scss,在該文件里面進(jìn)行樣式的編寫 最后再引入

    2024年02月11日
    瀏覽(24)

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

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

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

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

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包