element日期選擇器設定時間範圍,精確到秒

2021-10-10 13:47:07 字數 1544 閱讀 5164

用picker-options繫結篩選規則

label

="vpn到期時間"

:label-width

="formlabelwidth"

prop

="endtime"

>

v-model

="vpn.endtime"

type

="datetime"

value-format

="timestamp"

:picker-options=",

selectablerange: vpnendtimehoursrule /*時分秒的篩選規則*/

}"placeholder

="選擇日期時間"

>

el-date-picker

>

el-form-item

>

tmpparameter.vpnendtime:是從後端拿到的資料,暫時儲存,因為這個需求需要一直和從資料庫的時間進行對比,所以我這邊沒有進行改變。

vpnendtimehoursrule:頭部小的時分秒下拉框的篩選規則。

再配置乙個監聽事件,這個事件監聽的是時間選擇器選擇的時間,因為如果不監聽這個時間,vpnendtimerule會一直不改變,這樣你選擇了其他符合規則的時間,頭部時分秒的下拉框依然是保持之前的規則,很多時間選擇不了。

watch:}}

}

另外貼上下format方法:

該方法可以將date轉換為你想要的時間格式,我也是從其他地方直接抄來的,後端寫前端真遭罪啊,覺得不行的可以自己優化下。

date.prototype.

format

=function

(pattern);if

(/(y+)/

.test

(pattern)

) pattern = pattern.

replace

(regexp.$1,(

this

.getfullyear()

+"").

substr(4

- regexp.$1.length));

for(

let k in o)if(

newregexp

("("

+ k +

")")

.test

(pattern)

) pattern = pattern.

replace

(regexp.$1

,(regexp.$1.length ==1)

?(o[k]):

(("00"

+ o[k]).

substr((

""+ o[k]

).length)))

;return pattern;

};

element時間日期選擇器元件設定預設時間

需求 設定預設時間是今天的00 00 00到現在的當前時間 獲取到今天凌晨的時間和現在的時間然後push到時間日期選擇器v model所繫結的值上 v model value1 type datetimerange start placeholder 選擇分撥時間 end placeholder 選...

vue基於element日期選擇器時間選擇範圍限制

elementui是餓了麼推出的一套基於vue2.x的乙個ui框架。官方文件中使用picker options屬性來限制可選擇的日期 元件 情景 限制指定日期 指定日期以前禁止選擇 data 情景1 設定選擇今天以及今天之後的日期 data 情景2 設定選擇今天以及今天以前的日期 data 情景3 ...

jQuery元素選擇器(element)

一 介紹 元素選擇器是根據元素名稱匹配相應的元素。通俗的講元素選擇器指向的是dom元素的標記名,也就是說元素選擇器是根據元素的標記名選擇的。可以把元素的標記名理解成學生的姓名,在乙個學校中可能有多個姓名為 劉偉 的學生,但是姓名為 吳語 的學生也許只有乙個,所以通過元素選擇器匹配到的元素可能有多個,...