Calendar( 日历)

本节课重点了解 EasyUI 中 Canlendar(日历)组件的使用方法，这个组件不依赖于其
他组件。
一．加载方式
//class 加载方式
<div id="box" class="easyui-calendar"
style="width:200px;height:200px;"></div>
//JS 加载调用
$('#box').calendar({
});

二．属性列表

//属性设置
$('#box').calendar({
width : 200,
height : 200,
fit : false,
border : false,
firstDay : 0,
weeks : ['S','M','T','W','T','F','S'],
months : ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug',
'Sep', 'Oct', 'Nov', 'Dec'],
year : 2012,
month : 6,
current : new Date(2014,7,1),
formatter : function (date) {
return '#' + date.getDate();
},
styler : function (date) {
if (date.getDay() == 1) {
return 'background-color:#ccc';
}
},
validator : function (date) {
if (date.getDay() == 1) {
return true;
} else {
return false;
}
},
});

三．事件列表

//事件列表
$('#box').calendar({
onSelect : function (date) {
alert(date.getFullYear() + ":" + (date.getMonth() + 1) + ":"
+ date.getDate());
},

onChange : function (newDate, oldDate) {
alert(newDate + '|' + oldDate);
},
});

四．方法列表

//返回属性对象
console.log($('#box').calendar('options'));
//调整日历大小
$('#box').calendar('resize');
//移动到指定日期
$('#box').calendar('moveTo', new Date(2015,1,1));
PS：我们可以使用$.fn.calendar.defaults 重写默认值对象。

转载于:https://www.cnblogs.com/qinsilandiao/p/5012176.html

Calendar( 日历)相关推荐

WPF Calendar 日历控件样式自定义
原文:WPF Calendar 日历控件样式自定义粗略的在代码上做了些注释 blend 生成出来的模版有的时候会生成跟 vs ui界面不兼容的代码会导致可视化设计界面报错崩溃掉但是确不 ...
Java的知识点22——时间处理相关类、Date时间类(java.util.Date)、DateFormat类和SimpleDateFormat类、Calendar日历类
时间处理相关类用long类型的变量来表示时间,获得现在时刻的"时刻数值":long now = System.currentTimeMillis(); Date时间类(java. ...
【Java Calendar日历类】可视化日历程序（控制台输出）
Calendar日历类 Calendar 类是一个抽象类,为我们提供了关于日期计算的相关功能,比如:年.月.日.时.分.秒的展示和计算. GregorianCalendar 是 Calendar 的一 ...
Python calendar日历模块的常用方法
Python calendar日历模块的常用方法如果您想知道某一天是星期几,某个月有多少个周末...那么,日历对您来说非常方便.您的办公桌有制作精美的日历,手机里也有日历,电脑里也有日历,随手可得. ...
Qml控件之Calendar日历
Calendar(日历)控件是基于Qml实现的,它兼容于QtQuick 1.x和QtQuick 2.x.可用于显示日期信息. 1. 演示 2. 例子 import QtQuick 2.0 // Qt4 ...
python：calendar 日历相关库
calendar --- 日历相关函数 Calendar类 Calendar 对象提供了一些可被用于准备日历数据格式化的方法. 这个类本身不执行任何格式化操作. # 部分源码class Calenda ...
java的日历类_java 中的Calendar日历类
一.java 中的Calendar日历类解析 Calendar类是一个抽象类public abstract class Calendar implements Serializable, Clonea ...
python3之calendar日历模块
calendar日历模块 import calendar calendar.calendar(theyear, w=2, l=1, c=6, m=3) theyear:年份 w:每一小格的宽度 l:每 ...
日历 android 周历,Android Studio 基础之获取系统Calendar 日历日程（涉及指定日期时间判断是星期几的方法使用）的方法整理...
Android Studio 基础之获取系统Calendar 日历日程 (涉及指定日期时间判断是星期几的方法使用)的方法整理目录 Android Studio 基础之获取系统Calendar ...
Java Calendar 日历类的时间操作 Timestamp Date Calendar 相互转换
Java Calendar 日历类的时间操作,这也许是 Java 环境下创建和管理日历及操作时间最简单的一个方案了,示范代码也很简单. 演示了获取时间,日期时间的累加和累减,以及日期时间的比较. 原文 ...

Calendar( 日历)

Calendar( 日历)相关推荐

最新文章

热门文章