2024-08-08 JavaScript 系列四:第5課 ── xdan/datetimepicker 套件
JavaScript 系列四:第5課 ── xdan/datetimepicker 套件
課程目標
認識並且能使用 xdan/datetimepicker 套件
課程內容
我在上一課說過,jQuery 生態系很多成熟套件,不用可惜
這就是其中一個!
datetimepicker 就是時間日期選擇器,超多網站需要用到
業界實作有非常多套,這套是我認為其中最乾淨、漂亮、強大的套件!
我自己在很多中小型專案也都會直接使用
https://github.com/xdan/datetimepicker
https://xdsoft.net/jqplugins/datetimepicker/
使用方法請自己研究吧!
本來寫作業要用的 CDN 也要請你自己找的,但因為 datetimepicker 太多套了,有點混亂
這次我就先幫你找好吧!
https://cdnjs.com/libraries/jquery-datetimepicker
課後作業
請使用 https://jsfiddle.net
假設你在開發一個民宿的訂房網站
需要開發兩個欄位
入住日期
退房日期
這兩個欄位只需要選擇「日期」,不需要選擇「時間」
注意本課的套件依賴於 jQuery,記得要先引入 jQuery 才能正常使用喔
做出以上功能,你就完成這次的課程目標了!
JavaScript 系列四:第5課 ── xdan/datetimepicker 套件
https://codelove.tw/@howtomakeaturn/post/jqeWk3
CodeLove 愛寫扣論壇 站長阿川