vue 實現月日選擇

2021-10-13 07:54:10 字數 963 閱讀 4751

最近需要實現乙個只選擇月和日的元件,如下圖

本來想實現像elementui 日期選擇器類似的功能,但是element沒有,網上也沒有找到合適的,最後換了乙個思路,利用element的cascader 級聯選擇器實現了乙個,感覺看上去也還行在此分享一下

實現效果

實現起來挺簡單,主要是為大家提供一種思路

v-model=

"date"

:options=

"options"

separator=

"":props=

"">

<

/el-cascader>

data()

;},mounted()

, methods:

=this

;for

(let i =

0; i <

12; i++)月`

, label:`$

月` }

;let children =

;for

(let j =

0; j <

31; j++)號`

, label:`$

號` };if

(j <29)

if(j ==29)

}if(j ==30)

}}this

.$set

(month,

"children"

, children)

; options.

push

(month);}},}

c實現 2月29日

時間限制 2000ms 單點時限 1000ms 記憶體限制 256mb 給定兩個日期,計算這兩個日期之間有多少個2月29日 包括起始日期 只有閏年有2月29日,滿足以下乙個條件的年份為閏年 1.年份能被4整除但不能被100整除 2.年份能被400整除 第一行為乙個整數t,表示資料組數。之後每組資料報...

實現日 周 月排行統計

在如今很多系統中,都需要進行日 周 月排行統計,但是在網上尋找了一番,發現很多都是相對的周 月排行,即週排行則用當前時間減去 7天。這樣我個人認為並不恰當。如月排行中,假設今天是4月 22日,則從 3月22日至4月 22日之間都可以算成月排行內,這樣的話與我們的月排行不盡相同,我認為月排行應該指當月...

vue實現城市列表選擇

成果展示 最後的成果就是下面所展示的內容,因為gif圖沒有做,只能截圖所展示,接下來,會帶著大家一步一步的完成下面功能,腳手架搭建和node安裝在本次案例不會講解,如果了解,可以在我的找到有詳細介紹 準備工作 引入axios外掛程式,呼叫better scroll第三方外掛程式,本地json檔案,可...