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 相关文章推荐
Jquery Ajax学习实例 向页面发出请求,返回XML格式数据
Mar 14 Javascript
jquery写个checkbox——类似邮箱全选功能
Mar 19 Javascript
jquery live()调用不存在的解决方法
Feb 26 Javascript
jQuery回调函数的定义及用法实例
Dec 23 Javascript
javascript实现完美拖拽效果
May 06 Javascript
基于JS实现省市联动效果代码分享
Jun 06 Javascript
jQuery中常用动画效果函数(日常整理)
Sep 17 Javascript
在ABP框架中使用BootstrapTable组件的方法
Jul 31 Javascript
React应用中使用Bootstrap的方法
Aug 15 Javascript
Angular2监听页面大小变化的解决方法
Oct 09 Javascript
php 解压zip压缩包内容到指定目录的实例
Jan 23 Javascript
vue.js将时间戳转化为日期格式的实现代码
Jun 05 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如何编写易读的代码
2007/07/10 PHP
qq登录,新浪微博登录接口申请过程中遇到的问题
2014/07/22 PHP
ThinkPHP实现将SESSION存入MYSQL的方法
2014/07/22 PHP
php实现获取文章内容第一张图片的方法
2014/11/04 PHP
PHP图像处理类库及演示分享
2015/05/17 PHP
深入解析PHP的Yii框架中的event事件机制
2016/03/17 PHP
/etc/php-fpm.d/www.conf 配置注意事项
2017/02/04 PHP
JAVASCRIPT 对象的创建与使用
2021/03/09 Javascript
JSDoc 介绍使用规范JsDoc的使用介绍
2011/02/12 Javascript
js实现拖拽效果
2015/02/12 Javascript
jQuery构造函数init参数分析续
2015/05/13 Javascript
jQuery实现html表格动态添加新行的方法
2015/05/28 Javascript
jquery实现左右滑动菜单效果代码
2015/08/27 Javascript
详解vuejs之v-for列表渲染
2017/06/22 Javascript
高性能的javascript之加载顺序与执行原理篇
2018/01/14 Javascript
微信小程序block的使用教程
2018/04/01 Javascript
vue动画效果实现方法示例
2019/03/18 Javascript
JS数组方法reduce的用法实例分析
2020/03/03 Javascript
Vue数据双向绑定原理实例解析
2020/05/15 Javascript
antd-DatePicker组件获取时间值,及相关设置方式
2020/10/27 Javascript
Vue+Vant 图片上传加显示的案例
2020/11/03 Javascript
[47:55]Ti4第二日主赛事败者组 NaVi vs EG 1
2014/07/20 DOTA
快速了解Python相对导入
2018/01/12 Python
Python使用matplotlib绘制余弦的散点图示例
2018/03/14 Python
Pycharm 实现下一个文件引用另外一个文件的方法
2019/01/17 Python
HTML5新增加的功能详解
2016/09/05 HTML / CSS
Asics日本官网:鬼冢八喜郎创立的跑鞋运动品牌
2017/10/18 全球购物
英国领先的票务代理商之一:The Ticket Factory
2019/02/09 全球购物
您的时尚,您的生活方式:DTLR Villa
2019/12/25 全球购物
《生命的药方》教学反思
2014/04/08 职场文书
2014年法务工作总结
2014/12/11 职场文书
病危通知书样本
2015/04/17 职场文书
大国崛起日本观后感
2015/06/02 职场文书
堂吉诃德读书笔记
2015/06/30 职场文书
安全生产隐患排查制度
2015/08/05 职场文书
《少年闰土》教学反思
2016/02/18 职场文书