使用步驟
1、載入相關css與js檔案
先到JQuery官方網站下載，http://jqueryui.com/download！
進入頁面後，先刪除全部的選取，然後只選擇 Datepicker！
再來選擇想要的樣式及版本，並按Download！！
 |
| JQuery相關套件下載 |
下載完成後會有個壓縮檔，取出下列的檔案！
- js/jquery-1.4.2.min.js
- js/jquery-ui-1.8.4.custom.min.js
- css/redmond/jquery-ui-1.8.4.custom.css
- css/redmond/images/所有圖檔
再下載繁體語系檔，http://jqueryui.com/ui/i18n/jquery.ui.datepicker-zh-TW.js！
全下載完，將載入所有的 css 與 js檔案！
<link type="text/css" href="css/redmond/jquery-ui-1.8.4.custom.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.4.custom.min.js"></script>
<script type="text/javascript" src="js/jquery.ui.datepicker-zh-TW.js"></script>
2、套用Datepicker的 js 語法
<script type="text/javascript">
$(function() {
$("#datepicker").datepicker();
});
</script>
相關設定語法參考：http://jqueryui.com/demos/datepicker/
3、最後設定要使用的文字方塊控制項
<input type="text" id="datepicker"/>
