Jquery Easyui日历组件Calender使用详解(23)


Posted in Javascript onDecember 18, 2016

本文实例为大家分享了Jquery Easyui日历组件的实现代码,供大家参考,具体内容如下

加载方式

Class加载

<div id="box" class="easyui-calendar" style="width:200px;height:200px;"></div>

JS调用加载

<div id="box"></div>
 <script>
  $(function () {
   //JS 加载调用
   $('#box').calendar({
   });
  });
</script>

属性列表

Jquery Easyui日历组件Calender使用详解(23)

<script>
  $(function () {
   //JS 加载调用
   $('#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 : 2016,
    month : 6,
    current : new Date(2016,12,17),
   });
  });
</script>

事件列表

Jquery Easyui日历组件Calender使用详解(23)

<script>
  $(function () {
   //JS 加载调用
   $('#box').calendar({
    width : 200,
    height : 200,
    onSelect : function (date) {
     alert(date.getFullYear() + ":" + (date.getMonth() + 1) + ":"
      + date.getDate());
    },
    onChange : function (newDate, oldDate) {
     alert(newDate + '|' + oldDate);
    },
   });
  });
 </script>

方法列表

Jquery Easyui日历组件Calender使用详解(23)

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

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript对IE操作的经典代码(推荐)
Mar 10 Javascript
js获取 type=radio 值的方法
May 09 Javascript
JavaScript中window.open用法实例详解
Apr 15 Javascript
全面解析Bootstrap中nav、collapse的使用方法
May 22 Javascript
详细谈谈javascript的对象
Jul 31 Javascript
EasyUI学习之Combobox级联下拉列表(2)
Dec 29 Javascript
JavaScript获取当前时间向前推三个月的方法示例
Feb 04 Javascript
从零学习node.js之mysql数据库的操作(五)
Feb 24 Javascript
jQuery Collapse1.1.0折叠插件简单使用
Aug 28 jQuery
vue项目tween方法实现返回顶部的示例代码
Mar 02 Javascript
JS浏览器BOM常见操作实例详解
Apr 27 Javascript
详解Vue 的异常处理机制
Nov 30 Vue.js
前端js弹出框组件使用方法
Aug 24 #Javascript
完美解决JS文件页面加载时的阻塞问题
Dec 18 #Javascript
教你一步步用jQyery实现轮播器
Dec 18 #Javascript
Angular.js实现注册系统的实例详解
Dec 18 #Javascript
无阻塞加载js,防止因js加载不了影响页面显示的问题
Dec 18 #Javascript
Node.js连接postgreSQL并进行数据操作
Dec 18 #Javascript
纯js实现悬浮按钮组件
Dec 17 #Javascript
You might like
基于PHP字符串的比较函数strcmp()与strcasecmp()的使用详解
2013/05/15 PHP
利用phpexcel把excel导入数据库和数据库导出excel实现
2014/01/09 PHP
CodeIgniter实现从网站抓取图片并自动下载到文件夹里的方法
2015/06/17 PHP
PHP+shell脚本操作Memcached和Apache Status的实例分享
2016/03/11 PHP
解决js中window.open弹出的是上次的缓存页面问题
2013/12/29 Javascript
jQuery实现新消息在网页标题闪烁提示
2015/06/23 Javascript
javascript实现随机生成DIV背景色
2016/06/20 Javascript
浅析JavaScript函数的调用模式
2016/08/10 Javascript
JS中页面与页面之间超链接跳转中文乱码问题的解决办法
2016/12/15 Javascript
vue.js实现备忘录功能的方法
2017/07/10 Javascript
Vue程序调试的方法
2019/06/17 Javascript
微信小程序把百度地图坐标转换成腾讯地图坐标过程详解
2019/07/10 Javascript
通过实例解析js可枚举属性与不可枚举属性
2020/12/02 Javascript
在Django中创建第一个静态视图
2015/07/15 Python
python中lambda()的用法
2017/11/16 Python
Python读取图片为16进制表示简单代码
2018/01/19 Python
python中scikit-learn机器代码实例
2018/08/05 Python
pytorch 共享参数的示例
2019/08/17 Python
分享8点超级有用的Python编程建议(推荐)
2019/10/13 Python
TensorFlow内存管理bfc算法实例
2020/02/03 Python
Python matplotlib绘制图形实例(包括点,曲线,注释和箭头)
2020/04/17 Python
adidas马来西亚官网:adidas MY
2020/09/12 全球购物
应聘文员自荐信范文
2014/03/11 职场文书
食品安全标语
2014/06/07 职场文书
优秀三好学生事迹材料
2014/08/31 职场文书
机关干部四风问题自我剖析及整改措施
2014/10/26 职场文书
2014年化工厂工作总结
2014/11/25 职场文书
扬州个园导游词
2015/02/06 职场文书
员工自我工作评价
2015/03/06 职场文书
学校食堂食品安全承诺书
2015/04/29 职场文书
检察院起诉意见书
2015/05/20 职场文书
保护动物的宣传语
2015/07/13 职场文书
幼儿园心得体会范文
2016/01/21 职场文书
详解Python小数据池和代码块缓存机制
2021/04/07 Python
Python 中面向接口编程
2022/05/20 Python
python数字图像处理之图像自动阈值分割示例
2022/06/28 Python