2012年9月8日土曜日

cakephp2.2 input datetime time => jQuery datetimePicker、timePickerを使う

input datetime と input time

・本当は、 HTML5基本として
$this->Html->input('fromTime', array('type' => 'datetime', 'value' => ・・・としたい (^_^;)
・$year、$month、$day、$second、$minute・・・の変数を準備して処理する→煩雑、バグの元?
・なんか、表示とか、いろいろ、イマイチ orz

そこで、
jQueryのdatetimepickerを使おう!
マニュアル、使い方は、こちら
(利点)
1)希望通りのフォーマットで入力される(はず)
2)Unixスタイルのフォーマットで統一したい が、実現できる
3)date、datetime、timeは、「Unixのdatetime型」で処理が便利(ワンパターンでコーディングできるので)

jQueryのcakephp2.2.2への配置は、こちらを参照してください

input datetime => jQueryのdatetimePickerを使う
datetimepicker (ビュー内にて)

<script type="text/javascript">
$(function() {
$('#ScheduleFrom').datetimepicker({
  showAnim: 'slideDown',
  timeFormat: 'hh:mm',
  stepHour: 1,
  stepMinute: 10,
  showSecond: false
  });
 });
</script>
Form->input('from', array('type' => 'text', 'label' => false, 'class' => 'span4')); ?>

input time => jQuery datetimepickerを使う
timepicker (ビュー内にて)

<script type="text/javascript">
$(function() {
$('#ReportBeginTime').timepicker({
  timeFormat: 'hh:mm',
  stepHour: 1,
  stepMinute: 10,
  showSecond: false
  });
 });
</script>
Form->input('begin_time', array('type' => 'text', 'label' =>false)); ?>

0 件のコメント:

コメントを投稿