溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

layui使用layDate組件設(shè)置日期的方法

發(fā)布時(shí)間:2020-06-24 17:39:21 來源:億速云 閱讀:1792 作者:元一 欄目:web開發(fā)

這篇文章運(yùn)用簡單易懂的例子給大家介紹layui使用layDate組件設(shè)置日期的方法,代碼非常詳細(xì),感興趣的小伙伴們可以參考借鑒,希望對大家能有所幫助。

layDate是一個(gè)日期插件,layDate除了包含日期范圍限制、開始日期設(shè)定、自定義日期格式、時(shí)間戳轉(zhuǎn)換、當(dāng)天的前后若干天返回、時(shí)分秒選擇、智能響應(yīng)、自動糾錯、節(jié)日識別,快捷鍵操作等常規(guī)功能外,還擁有更多趨近完美的解決方案。

國際慣例周日作為一周的開始,但是有的用戶使用習(xí)慣還是比較傾向周一作為一周的開始,但是目前l(fā)aydate是沒有一個(gè)配置項(xiàng)可以來決定這個(gè)的,在laydatePro中添加了一個(gè)配置項(xiàng)的支持如下:

layui使用layDate組件設(shè)置日期的方法

從注釋里面也可以看到,為了使用的方便,可以設(shè)置0到6(也就是Date.getDay()對應(yīng)的值)之外,同時(shí)提供了可以設(shè)置成對應(yīng)的日一二三或者Su,Mo,Tu這些。推薦:layui框架快速入門

下面簡單的介紹一下背后的實(shí)現(xiàn)邏輯:

1、在默認(rèn)的config中添加一個(gè)weekStart的初始值

layui使用layDate組件設(shè)置日期的方法

2、在render的時(shí)候用正則表達(dá)式校驗(yàn)填入的值符合要求不,符合的話設(shè)置成對應(yīng)的0-6如果不符合重置成0

layui使用layDate組件設(shè)置日期的方法3、到了后面實(shí)際渲染這個(gè)laydate的時(shí)候根據(jù)weekStart去生成節(jié)點(diǎn)

這里有兩個(gè)部分,一個(gè)是表頭的th上顯示的

layui使用layDate組件設(shè)置日期的方法另外一個(gè)是實(shí)際td里面的內(nèi)容的

layui使用layDate組件設(shè)置日期的方法到此關(guān)于設(shè)定一周開始的就改好了,例子給出的是周一開始,這個(gè)實(shí)際是使用會比較常見的,但是并不是只能設(shè)置周一,實(shí)際上支持設(shè)置任意一天作為開始,后面跟據(jù)實(shí)際需要的時(shí)候設(shè)置即可

layui使用layDate組件設(shè)置日期的方法

關(guān)于layui使用layDate組件設(shè)置日期的方法就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,可以學(xué)到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI