轻量级的原生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 16 Javascript
jquery中push()的用法(数组添加元素)
Nov 25 Javascript
node.js中的buffer.fill方法使用说明
Dec 14 Javascript
JavaScript中的Primitive对象封装介绍
Dec 31 Javascript
深入浅析AngularJS和DataModel
Feb 16 Javascript
微信小程序 摇一摇抽奖简单实例实现代码
Jan 09 Javascript
react中的ajax封装实例详解
Oct 17 Javascript
jquery.picsign图片标注组件实例详解
Feb 02 jQuery
Vue用v-for给src属性赋值的方法
Mar 03 Javascript
简述ES6新增关键字let与var的区别
Aug 23 Javascript
JavaScript交换变量常用4种方法解析
Sep 02 Javascript
分享15个Webpack实用的插件!!!
Mar 31 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
url decode problem 解决方法
2011/12/26 PHP
mac下Apache + MySql + PHP搭建网站开发环境
2014/06/02 PHP
PHP用反撇号执行外部命令
2015/04/14 PHP
如何快速的呈现我们的网页的技巧整理
2007/07/01 Javascript
用javascript来实现动画导航效果的代码
2007/12/16 Javascript
用jQuery实现检测浏览器及版本的脚本代码
2008/01/22 Javascript
JavaScript 保存数组到Cookie的代码
2010/04/14 Javascript
js ondocumentready onmouseover onclick onmouseout 样式
2010/07/22 Javascript
TreeView 用法(有代码)(asp.net)
2011/07/15 Javascript
javascript实现二级级联菜单的简单制作
2015/11/19 Javascript
第四章之BootStrap表单与图片
2016/04/25 Javascript
基于BootStrap环境写jQuery tabs插件
2016/07/12 Javascript
js实现加载更多功能实例
2016/10/27 Javascript
jQuery实现移动端Tab选项卡效果
2017/03/15 Javascript
three.js搭建室内场景教程
2018/12/30 Javascript
JS实现小米轮播图
2020/09/21 Javascript
Python-嵌套列表list的全面解析
2016/06/08 Python
Python 基础知识之字符串处理
2017/01/06 Python
基于python绘制科赫雪花
2018/06/22 Python
符合语言习惯的 Python 优雅编程技巧【推荐】
2018/09/25 Python
Python操作qml对象过程详解
2019/09/26 Python
如何在python中实现随机选择
2019/11/02 Python
Tensorflow Summary用法学习笔记
2020/01/10 Python
Python应用实现双指数函数及拟合代码实例
2020/06/19 Python
CSS3实现伪类hover离开时平滑过渡效果示例
2017/08/10 HTML / CSS
马来西亚时装购物网站:ZALORA马来西亚
2017/03/14 全球购物
澳大利亚排名第一的儿童在线玩具商店:Toy Galaxy
2018/10/06 全球购物
销售顾问岗位职责
2014/02/25 职场文书
销售主管竞聘书
2014/03/31 职场文书
幼儿园教研活动总结
2014/04/30 职场文书
单位委托书格式范本
2014/09/29 职场文书
2015年财务部工作总结
2015/04/10 职场文书
于丹论语心得观后感
2015/06/15 职场文书
再见,2019我们不负使命;你好,2020我们砥砺前行
2020/01/03 职场文书
深入浅析Django MTV模式
2021/09/04 Python
苹果macOS 13开发者预览版Beta 8发布 正式版10月发布
2022/09/23 数码科技