PHP开发框架Yii Framework教程(36) Zii组件-DatePicker示例

CJuiDatePicker 用于日期输入,它封装了 JUI datepicker插件,其基本用法如下:

<?php echo $form->errorSummary($model); ?>

 <?php
 $this->widget('zii.widgets.jui.CJuiDatePicker', array(
 	'name'=>'my_date',
 	'language'=>'en',
 	'options'=>array(
	            // 'show' (the default), 'slideDown', 'fadeIn', 'fold'
 				'showAnim'=>'fold',
 				'showOn'=>'button', // 'focus', 'button', 'both'
 				'buttonText'=>'Select form calendar',
 				'buttonImage'=>'images/calendar.png',
 				'buttonImageOnly'=>true,
 				),
 			'htmlOptions'=>array(
 				'style'=>'width:80px;vertical-align:top'
 				),
 			));

 ?>
<center class="row submit">
    <?php echo CHtml::submitButton('Submit'); ?>
</center>

<?php $this->endWidget(); ?>
</center><!-- form -->

为了获取输入的日期,首先为CJuiDatePicker的Name属性赋值,本例为my_date,然后定义DataModel

class 

DataModel extends CFormModel
{
	public $my_date;
}

当用户提交时,显示用户输入的日期,修改SiteController的actionIndex

public function actionIndex()
{

	$model=new DataModel();

	if(!empty($_POST['my_date']))
	{
		$model->my_date=$_POST['my_date'];

		if($model->validate()) {
			$this->render('result', array(
				'model' => $model,

				));
		   return;
		}

	}

	$this->render('index', array(
			'model' => $model,

			));
}

开发框架Yii Framework教程(36) Zii组件-DatePicker示例-distpicker 使用示例">

查看全套教程:http://www.bianceng.cn/webkf/PHP/201301/35265.htm

本例下载:http://www.imobilebbs.com/download/yii/DatePickerDemo.zip

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索datepicker设置时间
, datepicker
, 输入
, 教程
, 开发框架
, 日期
, model
, my97 datepicker
, my97datepicker
, My97DatePicker 
, Datepicker组件
, datepicker用法
, datepicker插件
DataModel
distpicker 使用示例、picker组件、js picker组件、yii2 datepicker、yii2 datepicker 参数,以便于您获取更多的相关知识。

时间: 2024-12-29 20:00:12

PHP开发框架Yii Framework教程(36) Zii组件-DatePicker示例的相关文章

PHP开发框架Yii Framework教程(46) Zii组件-Sortable示例

CJuiSortable显示一个列表,列表中的列表项可以通过拖放重新调整顺序,它封装了 JUI Sortable插件. 其基本用 法如下: <?php Yii::app()->clientScript->registerCss('sortable', " #sortable {list-style-type: none; margin: 0; padding: 0; width: 60%;} #sortable li {margin: 2px; padding: 4px; bo

PHP开发框架Yii Framework教程(45) Zii组件-Selectable示例

CJuiSelectable可以显示一个列表,列表的每个项支持Select事件,它封装了 JUI Selectable插件,其基本用法如下: <?php Yii::app()->clientScript->registerCss('selectable'," #selectable {list-style-type: none; margin: 0; padding: 0; width: 60%;} #selectable li {margin: 2px; padding: 4

PHP开发框架Yii Framework教程(44) Zii组件-Resizable示例

CJuiResizable可以使包含在其中的UI组件支持缩放功能,它封装了 JUI Resizable插件, CJuiResizable基本使用方 法如下: <?php $this->beginWidget('zii.widgets.jui.CJuiResizable', array( 'options'=>array( 'minWidth'=>50, 'minHeight'=>50, 'maxWidth'=>500, 'maxHeight'=>500, ), '

PHP开发框架Yii Framework教程(43) Zii组件-Droppable示例

上篇介绍如果使用UI组件支持拖放,CJuiDroppable表示某个区域可以接受拖拉过来的UI组件,它封装了 JUI Droppable插件 . 我们修改上例,添加一个Droppable区域,当有UI组件拖放到该区域时,显示"Dropped". <?php $this->beginWidget('zii.widgets.jui.CJuiDroppable', array( 'options'=>array( 'drop'=>'js:function(event,

PHP开发框架Yii Framework教程(42) Zii组件-Draggable示例

CJuiDraggable可以使包含着其中的其它UI组件实现拖放功能,它封装了 JUI Draggable插件. 要使某个UI组件可以 拖放,下面为使用CJuiDraggable的基本用法: <?php $this->beginWidget ('zii.widgets.jui.CJuiDraggable', array( 'options'=>array( 'cursor'=>'move', ), 'htmlOptions'=>array( 'style'=>'widt

PHP开发框架Yii Framework教程(40) Zii组件-SliderInput示例

CJuiSliderInput 显示一滑动条,它也封装了 JUI slider插件,可以用在Form中作为用户输入UI组件. 基本用法如 下: <center class="form"> <?php $form=$this->beginWidget('CActiveForm'); ?> <?php echo $form->errorSummary($model); ?> <?php $this->widget('zii.wid

PHP开发框架Yii Framework教程(39) Zii组件-Slider示例

CJuiSlider显示一滑动条,可以通过滑动条来缩放图像或用作其它功能,它封装了 JUI slider插件. 本例通过 CJuiSlider来缩放一副图像: <?php $this->widget('zii.widgets.jui.CJuiSlider', array( 'value'=>50, 'options'=>array( 'min'=>1, 'max'=>100, 'slide'=>'js: function(event,ui){ $("#i

PHP开发框架Yii Framework教程(38) Zii组件-ProgressBar示例

CJuiProgressBar显示一进度条.它封装了 JUI Progressbar插件.CJuiProgressBar显示一进度条.它封装了 JUI Progressbar插件. <?php $this->widget('zii.widgets.jui.CJuiProgressBar', array( 'id'=>'progress', 'value'=>0, 'htmlOptions'=>array( 'style'=>'width:200px; height:20

PHP开发框架Yii Framework教程(37) Zii组件-Dialog示例

CJuiDialog用来显示对话框,模式或非模式对话框.它封装了 JUI Dialog插件. 其基本用法如下 <h2><?php echo 'Dialog';?></h2> <?php $this->beginWidget('zii.widgets.jui.CJuiDialog', array( 'id'=>'mydialog', 'options'=>array( 'title'=>'Dialog', 'width'=>500, '