轻量级的原生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 相关文章推荐
jQuery-ui引入后Vs2008的无智能提示问题解决方法
Feb 10 Javascript
js实现仿百度瀑布流的方法
Feb 05 Javascript
基于jquery实现的自动补全功能
Mar 12 Javascript
JavaScript控制table某列不显示的方法
Mar 16 Javascript
JS实现支持多选的遍历下拉列表代码
Aug 20 Javascript
跟我学习javascript的执行上下文
Nov 18 Javascript
js与jquery正则验证电子邮箱、手机号、邮政编码的方法
Jul 04 Javascript
jquery实现跳到底部,回到顶部效果的简单实例(类似锚)
Jul 10 Javascript
js简单实现调整网页字体大小的方法
Jul 23 Javascript
angular2路由切换改变页面title的示例代码
Aug 23 Javascript
laydate日历控件使用方法详解
Nov 20 Javascript
Js参数RSA加密传输之jsencrypt.js的使用
Feb 07 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
TP(thinkPHP)框架多层控制器和多级控制器的使用示例
2018/06/13 PHP
laravel5使用freetds连接sql server的方法
2018/12/07 PHP
常用js脚本
2006/12/03 Javascript
JavaScript 计算当天是本年本月的第几周
2009/03/22 Javascript
jquery 年会抽奖程序
2011/12/22 Javascript
javascript中比较字符串是否相等的方法
2013/07/23 Javascript
IE、FF浏览器下修改标签透明度
2014/01/28 Javascript
javascript + jquery实现定时修改文章标题
2014/03/19 Javascript
详解用原生JavaScript实现jQuery的某些简单功能
2016/12/19 Javascript
微信小程序实现顶部普通选项卡效果(非swiper)
2020/06/19 Javascript
JS中精巧的自动柯里化实现方法
2017/12/12 Javascript
用Object.prototype.toString.call(obj)检测对象类型原因分析
2018/10/11 Javascript
使用react context 实现vue插槽slot功能
2019/07/18 Javascript
Moment.js实现多个同时倒计时
2019/08/26 Javascript
Emberjs 通过 axios 下载文件的方法
2019/09/03 Javascript
Element Rate 评分的使用方法
2020/07/27 Javascript
Python交互环境下实现输入代码
2018/06/22 Python
python3+selenium自动化测试框架详解
2019/03/17 Python
Python图片处理模块PIL操作方法(pillow)
2020/04/07 Python
Python pandas对excel的操作实现示例
2020/07/21 Python
python环境搭建和pycharm的安装配置及汉化详细教程(零基础小白版)
2020/08/19 Python
python 爬虫网页登陆的简单实现
2020/11/30 Python
HTML5手指下滑弹出负一屏阻止移动端浏览器内置下拉刷新功能的实现代码
2020/04/10 HTML / CSS
德国在线购买葡萄酒网站:Geile Weine
2019/09/24 全球购物
Lowe’s加拿大:家居装修、翻新和五金店
2019/12/06 全球购物
斯洛伐克香水和化妆品购物网站:Parfemy-Elnino.sk
2020/01/28 全球购物
成教毕业生自我鉴定
2013/10/23 职场文书
土木工程个人自荐信范文
2013/11/30 职场文书
质量标语大全
2014/06/12 职场文书
教师个人学习总结
2015/02/11 职场文书
2015年车间安全管理工作总结
2015/05/13 职场文书
公务员处分决定书
2015/06/25 职场文书
防溺水主题班会教案
2015/08/12 职场文书
python3使用diagrams绘制架构图的步骤
2021/04/08 Python
Pytorch中使用ImageFolder读取数据集时忽略特定文件
2022/03/23 Python