easyUI之datebox
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参数进行相应的处理*/
},