轻量级的原生js日历插件calendar.js使用指南


Posted in Javascript onApril 28, 2015

使用说明:

需要引入插件calendar.js/calendar.min.js

须要引入calendar.css 样式表,可以自定义自己想要的皮肤

本日历插件支持cmd模块化

如下调用:

xvDate({

'targetId':'date1',//时间写入对象的id

'triggerId':['date1','dateBtn1'],//触发事件的对象id

'alignId':'datesWrap1',//日历对齐对象

'format':'-',//时间格式 默认'YYYY-MM-DD HH:MM:SS'

'min':'2014-09-20 10:00:00',//最大时间

'max':'2014-10-30 10:00:00'//最小时间

});

参数说明:

targetId :日期写入对象的id,不能为空
triggerId :触发事件的对象id,如果不设置则默认为targetId
alignId : 日历盒子的对齐基准,如果不设置则默认为targetId
hms : 时分秒是否开启,默认值为'on'则表示开启时分秒(2014-09-20 10:00:00),'off'则表示关闭时分秒模式(2014-09-20)
format :为日期格式 默认值为'-' (2014-09-20),'/'则表示(2014/09/20)
min :最小时间限制,min 的时间格式和前面的时间格式保持一直
max :最大时间限制,max 的时间格式和前面的时间格式保持一直
zIndex :最大时间限制,日历盒子的层级,默认9999

如果需要使用模块化在需要依赖的模块用引入即可

如:

define('mod1',[],function(require, exports, module){

var xvDate = require("xvDate");

})

下载地址

以上所述就是本文的全部内容了,希望大家能够喜欢。

Javascript 相关文章推荐
枚举JavaScript对象的函数
Dec 22 Javascript
JavaScript高级程序设计 阅读笔记(十四) js继承机制的实现
Aug 14 Javascript
jquery修改网页背景颜色通过css方法实现
Jun 06 Javascript
js实现简单选项卡与自动切换效果的方法
Apr 10 Javascript
实例代码详解jquery.slides.js
Nov 16 Javascript
JS实现图文并茂的tab选项卡效果示例【附demo源码下载】
Sep 21 Javascript
DropDownList实现可输入可选择(两种版本可选)
Dec 07 Javascript
AngularJS定时器的使用与移除操作方法【interval与timeout】
Dec 14 Javascript
Javascript 一些需要注意的细节(必看篇)
Jul 08 Javascript
JavaScript实现购物车基本功能
Jul 21 Javascript
js实现网页随机验证码
Oct 19 Javascript
Vue使用v-viewer实现图片预览
Oct 21 Javascript
javascript中Function类型详解
Apr 28 #Javascript
浅谈Jquery为元素绑定事件
Apr 27 #Javascript
javascript实现实时输出当前的时间
Apr 27 #Javascript
javascript模拟php函数in_array
Apr 27 #Javascript
js实现刷新iframe的方法汇总
Apr 27 #Javascript
JavaScript数组和循环详解
Apr 27 #Javascript
javascript实现全局匹配并替换的方法
Apr 27 #Javascript
You might like
PHP中json_encode、json_decode与serialize、unserialize的性能测试分析
2010/06/09 PHP
php下mysql数据库操作类(改自discuz)
2010/07/03 PHP
qq登录,新浪微博登录接口申请过程中遇到的问题
2014/07/22 PHP
php魔术函数__call()用法实例分析
2015/02/13 PHP
PHP对象克隆clone用法示例
2016/09/28 PHP
Thinkphp开发--集成极光推送
2017/09/15 PHP
基于jquery异步传输json数据格式实例代码
2013/11/23 Javascript
轻松创建nodejs服务器(10):处理上传图片
2014/12/18 NodeJs
使用jQuery管理选择结果
2015/01/20 Javascript
jQuery实现自定义checkbox和radio样式
2015/07/13 Javascript
IE8下jQuery改变png图片透明度时出现的黑边
2015/08/30 Javascript
jquery树形菜单效果的简单实例
2016/06/06 Javascript
JavaScript自学笔记(必看篇)
2016/06/23 Javascript
Jquery Easyui验证组件ValidateBox使用详解(20)
2016/12/18 Javascript
微信小程序实现上传图片功能
2018/05/28 Javascript
bootstrap 弹出框modal添加垂直方向滚轴效果
2018/07/09 Javascript
浅谈在vue中使用mint-ui swipe遇到的问题
2018/09/27 Javascript
使用easyui从servlet传递json数据到前端页面的两种方法
2019/09/05 Javascript
extjs图表绘制之条形图实现方法分析
2020/03/06 Javascript
ES2020系列之空值合并运算符 '??'
2020/07/22 Javascript
Python实现多线程抓取妹子图
2015/08/08 Python
python实现获取Ip归属地等信息
2016/08/27 Python
python3学习之Splash的安装与实例教程
2018/07/09 Python
python dataframe向下向上填充,fillna和ffill的方法
2018/11/28 Python
Python对象转换为json的方法步骤
2019/04/25 Python
python图形开发GUI库wxpython使用方法详解
2020/02/14 Python
Python如何使用bokeh包和geojson数据绘制地图
2020/03/21 Python
Ralph Lauren拉夫·劳伦美国官网:带有浓郁美国气息的高品味时装品牌
2017/11/01 全球购物
Pat McGrath Labs官网:世界上最有影响力的化妆师推出的彩妆品牌
2018/01/07 全球购物
Alexandre Birman美国官网:亚历山大·伯曼
2019/10/30 全球购物
外贸会计专业自荐信
2014/06/22 职场文书
党委书记个人对照检查材料
2014/09/15 职场文书
大学感恩节活动总结
2015/05/05 职场文书
阿凡达观后感
2015/06/10 职场文书
2019数学教师下学期工作总结
2019/06/27 职场文书
PyCharm配置KBEngine快速处理代码提示冲突、配置命令问题
2021/04/03 Python