Yii:在ajax刷新中使用CJuiDatePicker日期控件
2015-05-01 00:15
405 查看
如果在ajax更新界面中使用到了CJuiDatePicker组件,那么注意需要重新执行jquery ui datepicker JS的初始化脚本,日期控件才能生效。
另外datepicker控件依赖于jQuery UI插件,所以需要注册jquery ui的CSS和JS文件。具体代码如下:
重新安装日期控件初始化脚本:
如果在CGridView中使用日期控件,那么可以把重新初始化的操作放在afterAjaxUpdate回调中。
另外datepicker控件依赖于jQuery UI插件,所以需要注册jquery ui的CSS和JS文件。具体代码如下:
<?php Yii::app()->getClientScript()->registerCoreScript('jquery'); Yii::app()->getClientScript()->registerCoreScript( 'jquery.ui' ); Yii::app()->clientScript->registerCssFile( Yii::app()->clientScript->getCoreScriptUrl(). '/jui/css/base/jquery-ui.css' ); Yii::app()->clientScript->registerCssFile( Yii::app()->clientScript->getCoreScriptUrl(). '/jui/css/base/jquery.ui.datepicker.css' ); ?>
重新安装日期控件初始化脚本:
$.ajax({ url:'<?php echo $this->url?>', type:'post', data: '&days=' + days, dataType:'text', success:function(data){ $("#list").html(data); $('#begin_time').datepicker(jQuery.extend({showMonthAfterYear:false},jQuery.datepicker.regional['cn'],{'dateFormat':'yy/mm/dd'})); } });
如果在CGridView中使用日期控件,那么可以把重新初始化的操作放在afterAjaxUpdate回调中。
相关文章推荐
- Yii 日历选择的使用。 CJuiDatePicker ,其它他集成了 jquery 自带的日历控件
- My97 DatePicker日期时间控件的配置使用方式
- Yii CJuiDatePicker显示一个日期选择器
- 日期控件的使用(Datepicker Widget)
- 【Android 开发】:UI控件之 DatePicker 输入日期控件的使用
- 分享一个很好用的 日期选择控件datepicker 使用方法分享
- 【基础篇】DatePickerDialog日期控件的基本使用(二) ——分别获取年、月、日、时、分
- DatePicker TimePicker---时间日期控件的使用
- DatePickerDialog.日期控件的简单使用
- 安卓控件使用系列18:DatePicker日期控件和TimePicker时间控件的使用
- DatePickerDialog 日期控件的使用
- android 时间日期控件的使用(DatePicker、TimePicker、DatePickerDialog、TimePickerDialog、AnalogClock、DigitalClock)
- 【Asp.Net】日期控件DatePicker使用
- ASP.NET项目开发中日期控件DatePicker如何使用
- ASP.NET项目开发中日期控件DatePicker如何使用
- UWP 使用日期选择控件DatePicker时的注意事项
- 使用日期选择器控件DatePicker(2)
- daterangepicker bootstarp 日期范围选择控件使用注意事项
- 如何使用Dojo的DatePicker控件制作联动日期选择器
- 如何使用Dojo的DatePicker控件制作联动日期选择器