私たちのフォームでは、ユーザーが時間を入力する必要があることがよくあります。Yii には非常に便利な時間コントロール CJuiDatePicker があり、その結果は次のようになります。
メソッドの呼び出し
[php]
$this->widget('zii.widgets.jui.CJuiDatePicker',array(
'言語'=>'zh_cn',
'名前'=>'勤務時間[開始]'、
'value'=>$query['start'] $query['start'] : Date('Y-m-d'),
'オプション'=>array(
'showAnim'=>'折りたたむ'、
'showOn'=>'両方'、
'buttonImage'=>Yii::app()->request->baseUrl.'/images/calendar.gif',
'maxDate'=>'新しい日付()'、
'buttonImageOnly'=>true、
'dateFormat'=>'yy-mm-dd',
)、
'htmlOptions'=>array(
'スタイル'=>'高さ:18px',
「maxlength」=>8、
)、
));
?>
上記のコードで得られるhtmlコードは以下の通りです:
[html]
CJuiDatePickerのパラメータの説明
name: input タグ内の名前
オプション: 主にカレンダーコントロールの表示に関連します
showAnim: カレンダーボックスに表示されるアニメーション効果。オプションの値は、slideDown、show(デフォルト)、slideDown、fadeIn、foldなどです。
ShowOn: カレンダー ボックスをトリガーする方法: アイコンまたは入力ボックスをクリックします。フォーカス: 入力ボックス ボタンをクリックします。アイコンをクリックします。
buttonImage: アイコン画像アドレス
maxDate: minData に対応するオプションの最大日付
dateFormat: カレンダーのデータ形式。上記の値の日付形式はこれと一致している必要があり、そうでない場合はデータがコントロールと一致しないことに注意してください。
htmlOptions: 入力ボックスの一部の HTML 設定 (スタイル、最大長など)。
注:
他のパラメータについては、jquery datepicker マニュアルを参照して、それらを上記のオプションに入力し、一重引用符で囲むことができます。