TOOL更新_「64.日付項目をカレンダー選択できるようにする。」のプログラムを作った。
ToDoリスト「http://d.hatena.ne.jp/kazpgm/20090403」の「64.日付項目をカレンダー選択できるようにする。」を作った。これにより「定義EXCEL]http://kazpgm.ddo.jp/kaz01u/upload/doc/dif.zip(zip圧縮771Kb)の「年月日[yyyy/mm/dd]」属性の項目はカレンダー選択できるようになった。
1.修正BSDライセンスの「jkl-calendar.js」を使っている。http://www.kawa.net/works/js/jkl/calender.html参照。使い方も載っている。
2.「jkl-calendar.js」を「/admin/js」、「/js」に置いた。
3.javascript読み込みを「header.lbi」に入れた。
・「/view/admin/header.lbi」の先頭にいれた。 <script type="text/javascript" src="/kaz01u/admin/js/jkl-calendar.js" charset="SHIFT-JIS"></script> ・「/view/header.lbi」の先頭にいれた。 <script type="text/javascript" src="/kaz01u/js/jkl-calendar.js" charset="SHIFT-JIS"></script> ・元ねたがSHIFT-JISなので「charset="SHIFT-JIS"」を入れている。 修正BSDライセンスなので、UTF8にしてもいいと思うが、とりあえずそのまま使った。
4.自動作成◎自動生成お助けTOOLのロジックを修正した。
5.自動作成◎自動生成した。
6.修正プログラム
(1)自動作成◎自動生成されたWEB画面(後述8.参照)上の「使用できる項目管理」・「年月日[yyyy/mm/dd]」項目がカレンダー選択できるようになった。 ・「使用できる項目一覧」画面の検索条件FromTo ・「使用できる項目登録」画面、「使用できる項目変更」画面 (2)以下のViewが修正された ・管理者側View /view/admin/item/itemAAmendRegisterViewInc.html /view/admin/item/itemAListView.html ・ユーザ側View /view/item/itemUaddAmendRegisterViewInc.htm_ /view/item/itemUListView.htm_ (3)ソースイメージ <tr> <script> <!-- var cal1_item10 = new JKL.Calendar("calid_item10","frm","item10"); cal1_item10.setStyle( "frame_color", "#004477" ); // フレーム枠の色 cal1_item10.setStyle( "month_hover_color", "#004477" ); // マウスオーバー時の≪≫文字色 cal1_item10.setStyle( "weekday_color", "#004477" ); // 月曜〜金曜日セルの文字色 cal1_item10.setStyle( "saturday_color", "#009900" ); // 土曜日セルの文字色 //--> </script> <th width="18%" nowrap ><label for="item10">年月日[yyyy/mm/dd] <font color="#FF6600">*</font></label></th> <td><input name="item10" class="form-eng" id="item10" type="text" size="15" maxlength="10" onClick="cal1_item10.write();" onChange="cal1_item10.getFormValue(); cal1_item10.hide();" value="<?= stz($o['item10'])?>"> ※年月日[yyyy/mm/dd] <?= $err['item10']?><div id="calid_item10"></div></td>
8.自動作成◎自動生成されたWEBのURL
7/4 13:00-19:00
7/4 23:00-04:30