jQuery

①jQuery本体をDL
jQuery
Download→CurrentRelease→Uncompressed

②必要なプラグインのDL
jQuery-UIプラグイン
DownLoad

③ローカライゼーショオンのDL
ここから


④ファイルの配置
それぞれのファイルを
JSファイル、CSSファイルを以下のように配置

⑤実装

■Head部分

view plainprint?

1. <link type="text/css" rel="stylesheet" href="/css/theme/moothness/jquery-ui-1.8.18.custom.css">  
2. <script type="text/javascript" src="../js/jquery-1.7.2.js"></script>  
3. <script type="text/javascript" src="../js/jquery-1.7.1.min.js"></script>  
4. <script type="text/javascript" src="../js/jquery-ui-1.8.18.custom.min.js"></script>  
5. <script type="text/javascript" src="../js/jquery.ui.datepicker-ja.js"></script>  

■Body部

view plainprint?

1. <script type="text/javascript">  
2. $(function(){  
3.     $('#datepicker1').datepicker({  
4.         minDate: new Date(2011, 1 - 1, 5),  
5.         maxDate: new Date(2011, 9 - 1, 26)  
6.     });  
7. });  
8. </script>  

■Html部

view plainprint?

1. <p>  <input type="text" name="datepicker1" id="datepicker1" autocomplete="off" value="#form.datepicker1#">  
2. </p>  

⑥検証
Chromeで対象ページを開いて右クリックから要素検証
上のタブで「Resources」を選択。
エラーが出ていないことを確認できれば配置完了です。