jQuery UI - 月曆控制項

jQuery UI 是基於 jQuery 所建立的 JavaScript 函式庫,支援互動介面的實作,其中包含一組 Widgets,只要呼叫相關的方法,即可在網頁上配置對應的控制項。這一篇的教學影片,說明其中月曆控制項的配置與使用,請至官方網頁(http://jqueryui.com/)中,下載必要的檔案。



於其中的「Download jQuery UI x.xx.x」區域,點擊 Stable 按鈕,即可下載需要的檔案。下載完成後會得到一個 zip 檔,將其展開,取出其中的 jquery-ui.js 與 jquery-ui.css ,將其引入其中即可,未來如果要發行網頁,則建議引入檔案名連結 min 的版本,以下是完成的設定。

<head>
<meta charset="utf-8" />
<script src="../scripts/jquery-3.2.1.min.js"></script>
<script src="../scripts/jquery-ui/jquery-ui.min.js"></script>
<link rel="stylesheet" href="../scripts/jquery-ui/jquery-ui.min.css">
</head>

完成設定之後,接下來就可以使用 jQuery UI ,承襲 jQuery 風格,只要透過方法的呼叫,就可以完成相關的內容配置,以下的影片說明並示範其中月曆控制項的操作。







沒有留言: