溫馨提示×

溫馨提示×

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

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

layui使用layDate組件設置日期的方法

發布時間:2020-06-24 17:39:21 來源:億速云 閱讀:1897 作者:元一 欄目:web開發

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

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

國際慣例周日作為一周的開始,但是有的用戶使用習慣還是比較傾向周一作為一周的開始,但是目前laydate是沒有一個配置項可以來決定這個的,在laydatePro中添加了一個配置項的支持如下:

layui使用layDate組件設置日期的方法

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

下面簡單的介紹一下背后的實現邏輯:

1、在默認的config中添加一個weekStart的初始值

layui使用layDate組件設置日期的方法

2、在render的時候用正則表達式校驗填入的值符合要求不,符合的話設置成對應的0-6如果不符合重置成0

layui使用layDate組件設置日期的方法3、到了后面實際渲染這個laydate的時候根據weekStart去生成節點

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

layui使用layDate組件設置日期的方法另外一個是實際td里面的內容的

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

layui使用layDate組件設置日期的方法

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

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女