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 Event学习第二章 Event浏览器兼容性
Feb 07 Javascript
基于jquery实现图片广告轮换效果代码
Jul 07 Javascript
js简单实现用户注册信息的校验代码
Nov 15 Javascript
微信小程序实现瀑布流布局与无限加载的方法详解
May 12 Javascript
详解ES6之用let声明变量以及let loop机制
Jul 15 Javascript
JS实现点击下拉菜单把选择的内容同步到input输入框内的实例
Jan 23 Javascript
vue如何判断dom的class
Apr 26 Javascript
JS代码触发事件代码实例
Jan 02 Javascript
js实现带搜索功能的下拉框
Jan 11 Javascript
js数组相减简单示例【删除a数组所有与b数组相同元素】
Mar 04 Javascript
三步搞定:Vue.js调用Android原生操作
Sep 07 Javascript
如何用threejs实现实时多边形折射
May 07 Javascript
前端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中文件读、写、删的操作(PHP中对文件和目录操作)
2012/03/06 PHP
thinkphp实现发送邮件密码找回功能实例
2014/12/01 PHP
PHP微信公众号自动发送红包API
2016/06/01 PHP
PHP的mysqli_stmt_init()函数讲解
2019/01/24 PHP
tp5修改(实现即点即改)
2019/10/18 PHP
几个比较实用的JavaScript 测试及效验工具
2010/04/18 Javascript
jquery退出each循环的写法
2014/02/26 Javascript
javascript页面上使用动态时间具体实现
2014/03/18 Javascript
javascript框架设计读书笔记之模块加载系统
2014/12/02 Javascript
如何解决ligerUI布局时Center中的Tab高度大小
2015/11/24 Javascript
js控制一个按钮是否可点击(可使用)disabled的实例
2017/02/14 Javascript
vue双向绑定简要分析
2017/03/23 Javascript
基于DOM节点删除之empty和remove的区别(详解)
2017/09/11 Javascript
Node.js搭建小程序后台服务
2018/01/03 Javascript
js获取html页面代码中图片地址的实现代码
2018/03/05 Javascript
vue单页应用在页面刷新时保留状态数据的方法
2018/09/21 Javascript
vue+axios+promise实际开发用法详解
2018/10/15 Javascript
vue基于element-ui的三级CheckBox复选框功能的实现代码
2018/10/15 Javascript
js实现时钟定时器
2020/03/26 Javascript
JavaScript实现简单的弹窗效果
2020/05/19 Javascript
Python实现的金山快盘的签到程序
2013/01/17 Python
python使用pil生成缩略图的方法
2015/03/26 Python
在django中实现页面倒数几秒后自动跳转的例子
2019/08/16 Python
Python如何实现强制数据类型转换
2019/11/22 Python
Python容器类型公共方法总结
2020/08/19 Python
Rockport乐步美国官网:风靡美国的白宫鞋
2016/11/24 全球购物
英国女士家居服网站:hush
2017/08/09 全球购物
公务员政审单位鉴定材料
2014/05/16 职场文书
低碳环保标语
2014/06/12 职场文书
会计学习心得体会
2014/09/09 职场文书
2014年派出所工作总结
2014/11/21 职场文书
工作感想范文
2015/08/07 职场文书
什么是求职信?求职信应包含哪些内容?
2019/08/14 职场文书
创业计划书之蛋糕店
2019/08/29 职场文书
高一作文之乐趣
2019/11/21 职场文书
table不让td文字溢出操作方法
2022/12/24 HTML / CSS