Jquery Easyui日历组件Calender使用详解(23)
本文实例为大家分享了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>
属性列表
<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>
事件列表
<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>
方法列表
//返回属性对象 console.log($('#box').calendar('options')); //调整日历大小 $('#box').calendar('resize'); //移动到指定日期 $('#box').calendar('moveTo', new Date(2015,1,1)); //可以使用$.fn.calendar.defaults 重写默认值对象。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。
相关推荐
-
jquery实现ajax提交form表单的方法总结
方法一: 复制代码 代码如下: function AddHandlingFeeToRefund() { var AjaxURL= "../OrderManagement/AjaxModifyOrderService.aspx"; alert($('#formAddHandlingFee').serialize()); $.ajax({ type: "P
-
Jquery Easyui选项卡组件Tab使用详解(10)
本文实例为大家分享了Jquery Easyui选项卡组件的实现代码,供大家参考,具体内容如下 加载方式 Class加载 <div class="easyui-tabs" style="width: 400px;height: 250px"> <div title="Tab1" data-options="closable:true"> tab1 </div> <div title=&q
-
Bootstrap表单组件教程详解
表单常见的元素主要包括:文本输入框.下拉选择框.单选框.复选框.文本域.按钮等.下面是不同的bootstrap版本: LESS: forms.less SASS: _forms.scss bootstrap仅对表单内的fieldset.legend.label标签进行了定制 fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; padding: 0; m
-
Jquery Easyui表单组件Form使用详解(30)
本文实例为大家分享了Jquery Easyui表单组件的实现代码,供大家参考,具体内容如下 加载方式 表单组件只能在 JS 区域设置,首先定义一张表单. <form id="box" method="post"> <div> <label for="name">Name:</label> <input class="easyui-validatebox" type=&quo
-
Jquery Easyui验证组件ValidateBox使用详解(20)
本文实例为大家分享了Jquery Easyui验证组件的实现代码,供大家参考,具体内容如下 加载方式 Class加载 <input id="email" class="easyui-validatebox" data-options="required:true,validType:'email'" /> JS调用加载 <input id="email" /> <script> $(func
-
Jquery Easyui菜单组件Menu使用详解(15)
本文实例为大家分享了Jquery Easyui菜单组件的实现代码,供大家参考,具体内容如下 加载方式 菜单组件通常用于快捷菜单,在加载方式上,通过 class 或 JS 进行设置为菜单组件.然后,再通过 JS 事件部分再响应. <div id="box" class="easyui-menu"> <div>新建</div> <div> <span>打开</span> <!--二次菜单--&
-
jQuery Mobile框架中的表单组件基础使用教程
一.表单组件基础 1.组件简介 jQuery Mobile 中的表单组件是基于标准 HTML ,然后在此基础上增强样式,因此即使浏览器不支持 jQuery Mobile 表单仍可正常使用.需要注意的是, jQuery Mobile 会把表单元素增强为触摸设备很容易使用的形式,因此对于 iphone/ipad 与 Android 使用 Web 表单将会变得非常方便. jQuery Mobile 的表单组件有以下几种: (1)文本输入框, type="text" 标记的 input 元素会
-
基于BootstrapValidator的Form表单验证(24)
Form表单进行数据验证是十分必要的,我们可以自己写JS脚本或者使用JQuery Validate 插件来实现.对于Bootstrap而言,利用BootstrapValidator来做Form表单验证是个相当不错的选择,两者完全兼容,我们也不用去关注CSS样式等美工效果. 0x01 引入BootstrapValidator 官网:BootstrapValidator,作为一个纯粹的使用者,我们可以在上面的链接处下载相关文件并引入,也可以利用CDN方式引入: <link href="//cd
-
Jquery Easyui搜索框组件SearchBox使用详解(19)
本文实例为大家分享了Jquery Easyui搜索框组件的实现代码,供大家参考,具体内容如下 加载方式 Class加载 <input id="ss" class="easyui-searchbox" style="width:300px" data-options="prompt:'Please Input Value',menu:'#box'"> </input> <div id="b
-
Jquery Easyui日历组件Calender使用详解(23)
本文实例为大家分享了Jquery Easyui日历组件的实现代码,供大家参考,具体内容如下 加载方式 Class加载 <div id="box" class="easyui-calendar" style="width:200px;height:200px;"></div> JS调用加载 <div id="box"></div> <script> $(function
-
Jquery Easyui对话框组件Dialog使用详解(14)
Dialog对话框组件依赖于Window(窗口)组件.linkbutton 组件 加载方式 Class加载 <div class="easyui-dialog" title="弹出框" data-options="iconCls:'icon-add',resizable:true,modal:true" style="width: 400px;height: 200px;"> 弹出框内容 </div>
-
jquery easyui validatebox remote的使用详解
validatebox 的validateType可以是一下3个格式: 1字符串 2数组,应用多个验证 3对象,每个key是一个验证名称value是验证的数组参数 下面是代码示例 <input class="easyui-validatebox" data-options="required:true,validType:'url'"> <input class="easyui-validatebox" data-options
-
jQuery EasyUI之DataGrid使用实例详解
jQuery EasyUI是一个轻量级的Web前端开发框架,提供了很多的现成组件帮助程序员减轻前端代码开发量,之前有个项目中就用到了其中的DataGrid. jQuery EasyUI框架的官方主页,可以下载完整开发包,里面有示例代码可以参考. 运行效果图: 由于我使用的是ASP.NET webform技术,下面我就贴出主要的代码以供参考. 在页面中首先要引用相关的css以及js文件,这样才能使用该组件. css部分: <link href="../Js/jQueryEasyUI/them
-
微信小程序日历组件使用方法详解
这个日历采用小程序组件化开发,有兴趣的同学可以引用本组件(怎么引用不多赘述,自行去微信小程序开发api了解) wxml <!--pages/components/calender.wxml--> <view class='calender'> <view class='operate'> <text catchtap='reduce'>减少</text> <text catchtap="add">增加</te
-
对django layer弹窗组件的使用详解
父层: <div class="col-xs-12"> <div class="box"> <div class="box-header"> <h3 class="box-title">主机监控列表</h3> </div> <!-- /.box-header --> <div class="box-body" styl
-
jQuery实现区域打印功能代码详解
使用CSS控制打印样式,需要设置样式media="print",并且将页面中不需要打印的元素的样式display属性设置为none.如DEMO中,我将页头页脚及其他不需要打印的元素的样式设置如下: <style type="text/css" media="print"> #header,.top_title,#jqprint,#footer,#cssprint h3{display:none} </style> 用jQu
随机推荐
- python分布式环境下的限流器的示例
- 如何取得一个表的所有字段名用逗号分割
- JavaScript学习笔记之数组去重
- 30分钟快速掌握Bootstrap框架
- JS中typeof与instanceof之间的区别总结
- 封装的一个asp.net验证码类
- php使浏览器直接下载pdf文件的方法
- JS event使用方法详解
- Python描述器descriptor详解
- Python中用sleep()方法操作时间的教程
- HTML的全局架构标签
- Java解析DICOM图之如何获得16进制数据详解
- jquery实现左右滑动菜单效果代码
- Android如何读写CSV文件方法示例
- 算法详解之分支限界法的具体实现
- Android开发之开发者头条APP(三)实现首页
- 雅虎公司C#笔试题(后半部份才是)
- SpringMVC整合websocket实现消息推送及触发功能
- Spring的事件监听机制示例详解
- Java使用反射调用方法示例