轻量级的原生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 变量命名规则
Sep 23 Javascript
JavaScript(js)设置默认输入焦点(focus)
Dec 28 Javascript
js如何实现设计模式中的模板方法
Jul 23 Javascript
JavaScript splice()方法详解
Sep 22 Javascript
JavaScript获取客户端计算机硬件及系统等信息的方法
Jan 02 Javascript
jquery查找tr td 示例模拟
May 08 Javascript
jQuery制作简洁的图片轮播效果
Apr 03 Javascript
javascript限制文本框输入值类型的方法
May 07 Javascript
浅谈javascript中的闭包
May 13 Javascript
AngularJS中directive指令使用之事件绑定与指令交互用法示例
Nov 22 Javascript
使用D3.js构建实时图形的示例代码
Aug 28 Javascript
原生js实现拖拽移动与缩放效果
Aug 24 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中一个控制字符串输出的函数
2006/10/09 PHP
PHP COOKIE及时生效的方法介绍
2014/02/14 PHP
php生成二维码时出现中文乱码的解决方法
2014/12/18 PHP
PHP中set_include_path()函数相关用法分析
2016/07/18 PHP
jquery与prototype框架的详细对比
2013/11/21 Javascript
使用 js+正则表达式为关键词添加链接
2014/11/11 Javascript
wangEditor编辑器失去焦点后仍然可以在原位置插入图片分析
2015/05/06 Javascript
jquery实现全屏滚动
2015/12/28 Javascript
jQuery实现的导航动画效果(附demo源码)
2016/04/01 Javascript
javascript小数精度丢失的完美解决方法
2016/05/31 Javascript
不间断循环滚动效果的实例代码(必看篇)
2016/10/08 Javascript
Javascript 事件冒泡机制详细介绍
2016/10/10 Javascript
jQuery实现table中两列CheckBox只能选中一个的示例
2017/09/22 jQuery
深入理解Vue.js源码之事件机制
2017/09/27 Javascript
你应该知道的几类npm依赖包管理详解
2017/10/06 Javascript
layui中使用jquery控制radio选中事件的示例代码
2018/08/15 jQuery
移动端滑动切换组件封装 vue-swiper-router实例详解
2018/11/25 Javascript
vue2和vue3的v-if与v-for优先级对比学习
2020/10/10 Javascript
解决Vue watch里调用方法的坑
2020/11/07 Javascript
[56:01]2018DOTA2亚洲邀请赛 3.31 小组赛 B组 Effect vs EG
2018/03/31 DOTA
Python列表(List)知识点总结
2019/02/18 Python
python使用adbapi实现MySQL数据库的异步存储
2019/03/19 Python
Python求离散序列导数的示例
2019/07/10 Python
用Python实现最速下降法求极值的方法
2019/07/10 Python
softmax及python实现过程解析
2019/09/30 Python
详解Python绘图Turtle库
2019/10/12 Python
python通过matplotlib生成复合饼图
2020/02/06 Python
Python 中由 yield 实现异步操作
2020/05/04 Python
美国内衣品牌:Leonisa
2016/08/14 全球购物
生日宴会主持词
2014/03/20 职场文书
食品安全处置方案
2014/06/14 职场文书
工厂车间标语
2014/06/19 职场文书
雷锋的观后感
2015/06/10 职场文书
文化大革命观后感
2015/06/17 职场文书
PyQt5结合QtDesigner实现文本框读写操作
2021/06/11 Python
前端实现滑动按钮AJAX与后端交互的示例代码
2022/02/24 Javascript