| ブログ |

【jQuery】日付入力用カレンダーをjQueryプラグイン用に移植中 のメモなど




[ sample ]






Opera8.5 ok
Firefox 2.0.0.9 ok
ie 6 ok
Safari 3.0.3 ok


[ update ]

2007-11-13-1 オブジェクトの階層を整理

var ex= jQuery.extend({calendar:{date:{...でコピーした分がすべてjQueryオブジェクト直下に露出して行儀が悪いのでとりあえず jQuery.extend($.fn.calendar,{{date:{...でfnへ閉じ込めておきました。$.fn内に多少分散露出していた分f^^;も整理。



これが、


こうなりました。


2007-11-12-3 インラインモードとドラッグモード

カレンダー出力用のBOX DIVである <div id='jquery-calendar-box'></div>は、デフォルトでは自動出力されてドラッグモードになります。でもこれを、もし、あえて、HTML内の好きな場所に置くと、自動的にインラインモードとなり、ドラッグできなくなります。また、クリック後にもカレンダーは消えません。

2007-11-12-2 今日class="today" と今月 class="curr-m" を追加

今日の日付と今月をCSSで修飾できます。

2007-11-12-1 日付フォーマットの指定方法

2007-11-11 日付フォーマットの変換を今までのcase文から、replace文に変更。これで劇的にフレキシブルになります。

2007-11-11 <input class="jquery-calendear" type="text"> だけで、jsに触らずに起動

デフォルト設定ならクラス指定 <input class="jquery-calendear" type="text"> だけで、jsに触らずに使えるようにしてみました。

2007-11-11 cfg.offset.x と cfg.offset.y を引数cfgのプロパティに追加

カレンダー出現時の位置をクリック場所からの相対位置で指定できます。