リベルタ備忘録: CakePHP2.x Datepickerを使ってみる

HTMLのフォームに簡単に日付を入力する素敵なjQueryのライブラリがあるそうな。

その名もDatepicker! 早速使ってみよう。

参考サイト

サイトから普通にダウンロードしてくる。最新のものをダウンロードしてくれば問題なかろう。

使うのは以下の通り。

ファイルに付いている数値はバージョンなので時期によっては違う。

解凍したzipのフォルダ構成に基づいてファイル名を記述しているので、

これもバージョンによっては違うかも。

/*---------------------------------------------------------------------------*/

echo $this->Html->css('jquery-ui-1.10.4.custom.min.css', null, array('inline' => false));

echo $this->Html->script('jquery-1.10.2.js', array('inline' => false));

echo $this->Html->script('jquery-ui-1.10.4.custom.min.js', array('inline' => false));

echo $this->Html->script('jquery.ui.datepicker.js', array('inline' => false));

echo $this->Html->scriptStart(array('inline' => false));

$(function() {

$("#datepicker").datepicker();

});

echo $this->Html->scriptEnd();

echo $this->Form->input("Test", array("type" => "text", "id" => "datepicker"));

/*---------------------------------------------------------------------------*/

テストしていないからエラーが出るかも。

IEだとinlineにfalseを指定してheadタグに構文を記述しないと動かないっぽい。

しかし、ブラウザキャッシュに気づかずテストを繰り返したため、原因は全然別かも。

とりあえずIE8だと動いた。

リベルタ備忘録