easyUI之datebox
2015-09-22 08:43
501 查看
datebox具有输入的文本框及点击出现日历面板选择器的功能。
此组件的加载方式有class及jq方式,加载后,进行简单的属性设置即可。
对于此属性有一个很好的用法shareCalendar,就是多输入框共用一个日历组件。
<input id="box1" class="easyui-datebox" data-options="sharecalendar:'#cc',">
<input id="box2" class="easyui-datebox" data-options="sharecalendar:'#cc',">
<div id="cc" class="easyui-calendar">
问题:
能否关联实现联动选择??
studing....
功能二:格式化输出选择的值
formatter:function(){
return date.getfullyear()+'年'+(date.getmonth()+1)+'月'+date.getday()+'日';/*少一个月*/
}
功能三:解析--选择性的输出内容
在软件中,有时只想进行按月进行分组统计,但是所有的日期选择组件均为完整的年月日,所以通过此功能,完成日期的部分输出(其实在功能二中也能实现)
parser:function(date){
return new date(2015,6,1);/*月份少一个月*/
}
功能四:OnSelect(选择的时候)
此功能默认的是返回当前选择的日期,根据所选择的值,可以添加一个回调函数,进行对所选择的值进行相应的处理,也能完成功能三、功能四的效果。
onSelect:function(date){
/*对date参数进行相应的处理*/
},
此组件的加载方式有class及jq方式,加载后,进行简单的属性设置即可。
对于此属性有一个很好的用法shareCalendar,就是多输入框共用一个日历组件。
<input id="box1" class="easyui-datebox" data-options="sharecalendar:'#cc',">
<input id="box2" class="easyui-datebox" data-options="sharecalendar:'#cc',">
<div id="cc" class="easyui-calendar">
问题:
能否关联实现联动选择??
studing....
功能二:格式化输出选择的值
formatter:function(){
return date.getfullyear()+'年'+(date.getmonth()+1)+'月'+date.getday()+'日';/*少一个月*/
}
功能三:解析--选择性的输出内容
在软件中,有时只想进行按月进行分组统计,但是所有的日期选择组件均为完整的年月日,所以通过此功能,完成日期的部分输出(其实在功能二中也能实现)
parser:function(date){
return new date(2015,6,1);/*月份少一个月*/
}
功能四:OnSelect(选择的时候)
此功能默认的是返回当前选择的日期,根据所选择的值,可以添加一个回调函数,进行对所选择的值进行相应的处理,也能完成功能三、功能四的效果。
onSelect:function(date){
/*对date参数进行相应的处理*/
},
相关文章推荐
- IOS巅峰之UICollectionView详解
- Servlet中The requested resource is not available错误
- 【android】uiselectoer 自动化测试
- UIAlertAction 和UIAlertController (UIAlertViewUIActionSheet)
- The requested URL /nagios/cgi-bin/statusmap.cgi was not found on this server
- UIButton的竖排图片和文本
- QtQuick学习笔记(三)组件
- UITouch
- 【UIKit-124-2】#import <UIKit/UIView.h>
- 认识基本的UI资源
- POJ 1904 King's Quest(强连通分量+匹配)
- Distinct Subsequences——Leetcode
- Git可视化极简易教程 — Git GUI使用方法
- does not contain bitcode. You must rebuild it with
- 远丰MallBuilder:促进线上线下融合发展
- 上海远丰ExpBuilder :助企业布局跨境电商
- GCD-创建queue的特殊参数DISPATCH_QUEUE_SERIAL
- 【UIKit-124-1】#import <UIKit/UIView.h>
- 在UITextView上写入手机图库中的图片
- QtQuick学习笔记(二)QML基本语法