轻量级的原生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 相关文章推荐
破除一些网站复制、右键限制
Nov 04 Javascript
Javascript 获取字符串字节数的多种方法
Jun 02 Javascript
jquery tools 系列 scrollable学习
Sep 06 Javascript
jQuery ajax serialize()方法的使用以及常见问题解决
Jan 27 Javascript
移动节点的jquery代码
Jan 13 Javascript
javascript实现超炫的向上滑行菜单实例
Aug 03 Javascript
JS中call/apply、arguments、undefined/null方法详解
Feb 15 Javascript
Seajs是什么及sea.js 由来,特点以及优势
Oct 13 Javascript
AngularJS之ionic 框架下实现 Localstorage本地存储
Apr 22 Javascript
基于pako.js实现gzip的压缩和解压功能示例
Jun 13 Javascript
Node.js 的模块知识汇总
Aug 16 Javascript
ant design charts 获取后端接口数据展示
May 25 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
关于mysql字符集设置了character_set_client=binary 在gbk情况下会出现表描述是乱码的情况
2013/01/06 PHP
php对二维数组进行相关操作(排序、转换、去空白等)
2015/11/04 PHP
浅谈PHP中try{}catch{}的使用方法
2016/12/09 PHP
PHP实现的Redis多库选择功能单例类
2017/07/27 PHP
基于PHP实现解密或加密Cloudflar邮箱保护
2020/06/24 PHP
js焦点文字滚动效果代码分享
2015/08/25 Javascript
jQuery实现验证年龄简单思路
2016/02/24 Javascript
jquery自定义右键菜单、全选、不连续选择
2016/03/01 Javascript
大型JavaScript应用程序架构设计模式
2016/06/29 Javascript
AngularJS基础 ng-click 指令示例代码
2016/08/01 Javascript
完美解决IE9浏览器出现的对象未定义问题
2016/09/29 Javascript
微信小程序  网络请求API详解
2016/10/25 Javascript
JS中的三个循环小结
2017/06/20 Javascript
运用jQuery写的验证表单(实例讲解)
2017/07/06 jQuery
mockjs,json-server一起搭建前端通用的数据模拟框架教程
2017/12/18 Javascript
jQuery第一次运行页面默认触发点击事件的实例
2018/01/10 jQuery
Vue 使用中的小技巧
2018/04/26 Javascript
react 创建单例组件的方法
2018/04/26 Javascript
详解Vue的钩子函数(路由导航守卫、keep-alive、生命周期钩子)
2018/07/24 Javascript
elementUI Tree 树形控件的官方使用文档
2019/04/25 Javascript
laravel实现中文和英语互相切换的例子
2019/09/30 Javascript
JS实现多选框的操作
2020/06/24 Javascript
[52:06]完美世界DOTA2联赛决赛日 Inki vs LBZS 第一场 11.08
2020/11/10 DOTA
基于Python如何使用AIML搭建聊天机器人
2016/01/27 Python
Python多进程池 multiprocessing Pool用法示例
2018/09/07 Python
python代理工具mitmproxy使用指南
2019/07/04 Python
python groupby 函数 as_index详解
2019/12/16 Python
Python模块future用法原理详解
2020/01/20 Python
在Python中字典按值排序的实现方法
2020/11/12 Python
运行python提示no module named sklearn的解决方法
2020/11/29 Python
一款基于css3的列表toggle特效实例教程
2015/01/04 HTML / CSS
俄罗斯名牌服装网上商店:UNIQUE FABRIC
2019/07/25 全球购物
高级方案规划工程师岗位职责
2013/11/29 职场文书
新春联欢会主持词
2014/03/24 职场文书
小学数学新课改心得体会
2016/01/22 职场文书
《游戏王:大师决斗》将推出新卡牌包4月4日上线
2022/03/31 其他游戏