Calendar(日历)

使用$.fn.calendar.defaults重写默认值对象。

日历控件显示一个月的日历,允许用户选择日期和移动到下一个或上一个月。默认情况下,一周的第一天是周日。它可以通过设置'firstDay'属性的值来更改设置。

 

使用案例

使用标签创建日历。

  1. <div id="cc" class="easyui-calendar" style="width:180px;height:180px;"></div>  
使用Javascript创建日历。
  1. <div id="cc" style="width:180px;height:180px;"></div>  
 
  1. $('#cc').calendar({   
  2.     current:new Date()   
  3. });  

属性

属性名 属性值类型 描述 默认值
width number 日历控件宽度。 180
height number 日历控件高度。 180
fit boolean 当设置为true的,将设置日历控件大小自适应父容器。 false
border boolean 定义是否显示边框。 true
showWeek boolean 当设置为true时,将显示周数。(该属性自1.5版开始可用) false
weekNumberHeader string 周数的标签显示在头部。(该属性自1.5版开始可用)
getWeekNumber function(date) 该函数用于返回周数值。(该属性自1.5版开始可用)
firstDay number 定义一周的第一天是星期几。0=星期日、1=星期一 等。 0
weeks array 显示的周列表内容。 ['S','M','T','W','T','F','S']
months array 显示的月列表内容。 ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug',
'Sep', 'Oct', 'Nov', 'Dec']
year number 年日历。下面的例子显示了如何使用指定的年份和月份创建一个日历。
<div class="easyui-calendar" data-options="year:2012,month:6" />
当前年份(4位数)
month number 月日历。 当前月份(从1开始)
current Date 当前日期。 当前日期
formatter function(date)

日期格式化函数,返回日期值。(该属性自1.3.6版开始可用)

代码示例:

$('#cc').calendar({
	formatter: function(date){
		return date.getDate();
	}
})
styler function(date) 日历天的样式函数,返回行内样式或CSS样式表的Class名称。(该属性自1.3.6版开始可用)

代码示例:

$('#cc').calendar({
	styler: function(date){
		if (date.getDay() == 1){
			return 'background-color:#ccc';
			// 函数可以返回预定义的css class和预定义的行内样式
			// return {class:'r1', style:{'color:#fff'}};	
		} else {
			return '';
		}
	}
})
validator function(date) 验证器函数用于确定是否可以选择日历上的某一天,返回false将阻止选择当前天。(该属性自1.3.6版开始可用)

代码示例:

$('#cc').calendar({
	validator: function(date){
		if (date.getDay() == 1) {
                                    return true; } else {
                                    return false;
                                } } })

事件

事件名 事件参数 描述
onSelect date 在用户选择一天的时候触发。

代码示例:

$('#cc').calendar({
	onSelect: function(date){
		alert(date.getFullYear()+":"+(date.getMonth()+1)+":"+date.getDate());
	}
});
onChange new Date, oldDate 在用户更改日期的时候触发。(该事件自1.3.6版开始可用)

方法

方法名称 方法参数 描述
options none 返回参数对象。
resize none 调整日历大小。
moveTo date 移动日历到指定日期。

代码示例:

$('#cc').calendar('moveTo', new Date(2012, 6, 1));
  • EasyUI 中文手册
  • Base(基础)
    • parser(解析器)
    • easyloader(简单加载)
    • draggable(拖动)
    • droppable(放置)
    • resizable(调整大小)
    • pagination(分页)
    • searchbox(搜索框)
    • progressbar(进度条)
    • tooltip(提示框)
    • mobile(移动)
  • Layout(布局)
    • panel(面板)
    • tabs(选项卡)
    • accordion(分类)
    • layout(布局)
  • Menu and Button(菜单和按钮)
    • menu(菜单)
    • linkbutton(按钮)
    • menubutton(菜单按钮)
    • splitbutton(分割按钮)
    • switchbutton(开关按钮)
  • Form(表单)
    • form(表单)
    • validatebox(验证框)
    • textbox(文本框)
    • passwordbox(密码框)
    • combo(自定义下拉框)
    • combobox(下拉列表框)
    • combotree(树形下拉框)
    • combogrid(数据表格下拉框)
    • combotreegrid(树形表格下拉框)
    • tagbox(标签框)
    • numberbox(数值输入框)
    • datebox(日期输入框)
    • datetimebox(日期时间输入框)
    • datetimespinner(日期时间微调框)
    • calendar(日历)
    • spinner(微调)
    • numberspinner(数字微调)
    • timespinner(时间微调)
    • slider(滑动条)
    • filebox(文件框)
  • Window(窗口)
    • window(窗口)
    • dialog(对话框窗口)
    • messager(消息窗口)
  • DataGrid and Tree(表格和树)
    • datagrid(数据表格)
    • datalist(数据列表)
    • propertygrid(属性表格)
    • tree(树)
    • treegrid(树形表格)
  • Extension(扩展)
    • Portal(门户)
    • DataGrid View(数据表格展示)
    • Editable DataGrid(可编辑表格)
    • Cell Editing in DataGrid(单元格编辑表格)
    • Columns Extension for DataGrid(列扩展表格)
    • Editable Tree(可编辑树)
    • DataGrid Filter Row(可过滤行的数据表格)
    • Drag and Drop Rows in DataGrid(可拖放行的数据表格)
    • Drag and Drop Rows in TreeGrid(可拖放行的树形表格)
    • PivotGrid(数据分析表格)
    • DWR Loader(DWR装载器)
    • RTL Support(RTL支持)
    • Ribbon(Ribbon界面)
关注编程学问公众号

聚圣源9月3给女孩子起什么名字比较好电商起名字山东综艺频道在线直播语音播报谭嗣同名言餐饮服务食品安全操作规范艺术中心起名马 起名想给我女儿起个小名课堂派你妈妈也一样幼儿园校车价格牧童吕岩起名大全女孩龙珠粤语名字名起名字大全qq微博王怎么起名女孩天神殿萧天策高薇薇全文免费阅读少年女仆库洛软件帝国活佛济公4僵王博士复仇模式经营汽车公司起名大全乐乐茶修身齐家wodedy黑龙江卫视直播求科技创新型公司起名淀粉肠小王子日销售额涨超10倍罗斯否认插足凯特王妃婚姻让美丽中国“从细节出发”清明节放假3天调休1天男孩疑遭霸凌 家长讨说法被踢出群国产伟哥去年销售近13亿网友建议重庆地铁不准乘客携带菜筐雅江山火三名扑火人员牺牲系谣言代拍被何赛飞拿着魔杖追着打月嫂回应掌掴婴儿是在赶虫子山西高速一大巴发生事故 已致13死高中生被打伤下体休学 邯郸通报李梦为奥运任务婉拒WNBA邀请19岁小伙救下5人后溺亡 多方发声王树国3次鞠躬告别西交大师生单亲妈妈陷入热恋 14岁儿子报警315晚会后胖东来又人满为患了倪萍分享减重40斤方法王楚钦登顶三项第一今日春分两大学生合买彩票中奖一人不认账张家界的山上“长”满了韩国人?周杰伦一审败诉网易房客欠租失踪 房东直发愁男子持台球杆殴打2名女店员被抓男子被猫抓伤后确诊“猫抓病”“重生之我在北大当嫡校长”槽头肉企业被曝光前生意红火男孩8年未见母亲被告知被遗忘恒大被罚41.75亿到底怎么缴网友洛杉矶偶遇贾玲杨倩无缘巴黎奥运张立群任西安交通大学校长黑马情侣提车了西双版纳热带植物园回应蜉蝣大爆发妈妈回应孩子在校撞护栏坠楼考生莫言也上北大硕士复试名单了韩国首次吊销离岗医生执照奥巴马现身唐宁街 黑色着装引猜测沈阳一轿车冲入人行道致3死2伤阿根廷将发行1万与2万面值的纸币外国人感慨凌晨的中国很安全男子被流浪猫绊倒 投喂者赔24万手机成瘾是影响睡眠质量重要因素春分“立蛋”成功率更高?胖东来员工每周单休无小长假“开封王婆”爆火:促成四五十对专家建议不必谈骨泥色变浙江一高校内汽车冲撞行人 多人受伤许家印被限制高消费

聚圣源 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化