您的位置:首页 > 产品设计 > UI/UE

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参数进行相应的处理*/

},
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: