用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元素的標記名,也就是說元素選擇器是根據元素的標記名選擇的。可以把元素的標記名理解成學生的姓名,在乙個學校中可能有多個姓名為 劉偉 的學生,但是姓名為 吳語 的學生也許只有乙個,所以通過元素選擇器匹配到的元素可能有多個,...