開發工具與關鍵技術: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.當然如果沒有四位數那就補零。
時間選擇器到這裏就敲完了。