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 关键字屏蔽实现函数
Aug 02 Javascript
JavaScript原型继承之基础机制分析
Aug 26 Javascript
js中根据字数截取字符串,不能截断url
Jan 12 Javascript
javascript使用smipleChart实现简单图表
Jan 02 Javascript
JavaScript简单表格编辑功能实现方法
Apr 16 Javascript
jQuery遍历节点方法汇总(推荐)
May 13 jQuery
AngularJS实用基础知识_入门必备篇(推荐)
Jul 10 Javascript
jquery ajaxfileuplod 上传文件 essyui laoding 效果【防止重复上传文件】
May 26 jQuery
React 路由懒加载的几种实现方案
Oct 23 Javascript
使用jQuery如何写一个含验证码的登录界面
May 13 jQuery
JavaScript实现简单的图片切换功能(实例代码)
Apr 10 Javascript
将Vue组件库更换为按需加载的方法步骤
May 06 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
substr()函数中文版
2006/10/09 PHP
解析thinkphp import 文件内容变量失效的问题
2013/06/20 PHP
CI框架实现cookie登陆的方法详解
2016/05/18 PHP
PHP魔术方法之__call与__callStatic使用方法
2017/07/23 PHP
yii框架使用分页的方法分析
2019/07/25 PHP
如何利用PHP实现上传图片功能详解
2020/09/24 PHP
jQuery boxy弹出层插件中文演示及使用讲解
2011/02/24 Javascript
js导入导出excel(实例代码)
2013/11/25 Javascript
JavaScript通过HTML的class来获取HTML元素的方法总结
2016/05/24 Javascript
jQuery轮播图效果精简版完整示例
2016/09/04 Javascript
探讨AngularJs中ui.route的简单应用
2016/11/16 Javascript
js 奇葩技巧之隐藏代码
2017/08/11 Javascript
实现两个文本框同时输入的实例
2017/09/25 Javascript
vue router仿天猫底部导航栏功能
2017/10/18 Javascript
three.js实现3D视野缩放效果
2017/11/16 Javascript
Router解决跨模块下的页面跳转示例
2018/01/11 Javascript
vue中动态绑定表单元素的属性方法
2018/02/23 Javascript
解决IOS端微信H5页面软键盘弹起后页面下方留白的问题
2019/06/05 Javascript
[01:10:30]DOTA2-DPC中国联赛正赛 Dragon vs Dynasty BO3 第一场 3月4日
2021/03/11 DOTA
python fabric使用笔记
2015/05/09 Python
Python实现的微信好友数据分析功能示例
2018/06/21 Python
python  文件的基本操作 菜中菜功能的实例代码
2019/07/17 Python
pycharm重命名文件的方法步骤
2019/07/29 Python
金宝贝童装官网:Gymboree
2016/08/31 全球购物
美国儿童运动鞋和服装零售商:Kids Foot Locker
2017/08/05 全球购物
美国家居装饰和豪华家具购物网站:One Kings Lane
2018/12/24 全球购物
课例研修方案
2014/05/31 职场文书
关于诚信的活动方案
2014/08/18 职场文书
婚前财产协议书范本
2014/10/19 职场文书
病假条格式范文
2015/08/17 职场文书
Nginx配置SSL证书出错解决方案
2021/03/31 Servers
Nginx工作原理和优化总结。
2021/04/02 Servers
使用Html+Css实现简易导航栏功能(导航栏遇到鼠标切换背景颜色)
2021/04/07 HTML / CSS
python基础详解之if循环语句
2021/04/24 Python
只用Python就可以制作的简单词云
2021/06/07 Python
分析MySQL优化 index merge 后引起的死锁
2022/04/19 MySQL