轻量级的原生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 相关文章推荐
IE8下关于querySelectorAll()的问题
May 13 Javascript
jquery对ajax的支持介绍
Dec 10 Javascript
jquery通过select列表选择框对表格数据进行过滤示例
May 07 Javascript
textarea焦点的用法实现获取焦点清空失去焦点提示效果
May 19 Javascript
jQuery对象与DOM对象之间的相互转换
Mar 03 Javascript
jquery validate.js表单验证入门实例(附源码)
Nov 10 Javascript
jQuery设计思想
Mar 07 Javascript
vue如何实现observer和watcher源码解析
Mar 09 Javascript
webpack 4.0.0-beta.0版本新特性介绍
Feb 10 Javascript
Node.js原生api搭建web服务器的方法步骤
Feb 15 Javascript
Vue使用Proxy监听所有接口状态的方法实现
Jun 07 Javascript
关于vue属性使用和不使用冒号的区别说明
Oct 22 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
如何在Ubuntu下启动Apache的Rewrite功能
2013/07/05 PHP
Javascript对象中关于setTimeout和setInterval的this介绍
2012/07/21 Javascript
JavaScript异步编程:异步数据收集的具体方法
2013/08/19 Javascript
select多选 multiple的使用示例
2014/06/16 Javascript
jquery通过ajax加载一段文本内容的方法
2015/01/15 Javascript
javascript中的Function.prototye.bind
2015/06/25 Javascript
JS实现黑客帝国文字下落效果
2015/09/01 Javascript
Actionscript与javascript交互实例程序(修改)
2016/09/22 Javascript
jquery对Json的各种遍历方法总结(必看篇)
2016/09/29 Javascript
Dropzone.js实现文件拖拽上传功能(附源码下载)
2016/11/22 Javascript
利用JS判断字符串是否含有数字与特殊字符的方法小结
2016/11/25 Javascript
使用vue-router beforEach实现判断用户登录跳转路由筛选功能
2018/06/25 Javascript
d3.js实现图形缩放平移
2019/12/19 Javascript
jstree中的checkbox默认选中和隐藏示例代码
2019/12/29 Javascript
vue项目如何监听localStorage或sessionStorage的变化
2021/01/04 Vue.js
[01:07:21]NAVI vs VG Supermajor 败者组 BO3 第二场 6.5
2018/06/06 DOTA
Python多进程同步Lock、Semaphore、Event实例
2014/11/21 Python
Flask入门教程实例:搭建一个静态博客
2015/03/27 Python
在Python中使用Mako模版库的简单教程
2015/04/08 Python
Python-嵌套列表list的全面解析
2016/06/08 Python
python 实现对数据集的归一化的方法(0-1之间)
2018/07/17 Python
Python 使用PyQt5 完成选择文件或目录的对话框方法
2019/06/27 Python
浅谈Python小波分析库Pywavelets的一点使用心得
2019/07/09 Python
使用pycharm在本地开发并实时同步到服务器
2019/08/02 Python
python下载的库包存放路径
2020/07/27 Python
python logging模块的使用
2020/09/07 Python
捷克家居装饰及图书音像购物网站:Velký košík
2018/04/16 全球购物
影视动画专业个人的自我评价
2013/12/31 职场文书
董事长助理岗位职责
2014/02/18 职场文书
微信营销策划方案
2014/02/24 职场文书
民主评议党员工作总结
2014/10/20 职场文书
工伤私了协议书范本
2014/11/24 职场文书
辅导员学期工作总结
2015/08/14 职场文书
发工资啦!教你用Python实现邮箱自动群发工资条
2021/05/10 Python
利用python实时刷新基金估值(摸鱼小工具)
2021/09/15 Python
JavaScript实现栈结构详细过程
2021/12/06 Javascript