時間選擇器插件


開發工具與關鍵技術:vs與jquery

作者:戴怡斌 

撰寫時間:2019年5月25日

時間插件在設置頁面和設置軟件的時候運用特別多,比如,打LOL的時候,右上角就有記錄你玩了多長時間。還可以幫你記住重要日子,父母的生日,自己的生日,高考學子距離高考的日期,等等。

還有就是每個手機,電腦上的時間都跟時間插件有關。

如果自己敲代碼的話,太麻煩了,所以就會有這種插件(也可以說是偷懶,但好用),

其實能靈活的運用插件也是一門技術,不僅要學會怎麼敲代碼還有學會運用插件,任重而道遠。

想要製作時間選擇器,就要有思路,思路的第一種就是獲取電腦上的時間,第二種就是當你進入某個事件或特定場景中開始計時(目前就只學的這兩種)。

第一種頁面上比較多。第二種當然就是遊戲上面運用的多,

時間插件在網上能搜到,我用的是layui裏面的時間插件。

這個列子是最簡單的一種,在文本框加個id和class

在這裏插入圖片描述
這一種是最簡單的,你只要在敲下圖這幾句代碼就可以了。

寫js代碼要明白自己寫的是什麼,很像渲染表格。
在這裏插入圖片描述

重要的事情說三遍,太簡單了,很適用的一種最簡單的時間選擇器。

elem: '#shijian':這#就不多說了,id要一樣。

最簡單的一種就已經完成了,點擊這個文本框彈出時間選擇器。
在這裏插入圖片描述
如果你不想你的時間格式跟我一樣也可以換,也就是自定義模式,自己定義日期格式。

format: 'yyyy年MM月dd日':加上這一句代碼就可以換格式,yyy代表年份,MM代表月份,dd代表日期,記住就可以了。

有很多種格式:y/m/d. y-m-d. 你也可以倒着寫:d-m-y. 

一個y代表一個數字,四個y意思就是:至少四位數,2000.當然如果沒有四位數那就補零。

時間選擇器到這裏就敲完了。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章