轻量级的原生js日历插件calendar.js使用指南
更新时间：2015年04月28日 09:26:06 投稿：hebedich
网页上的原生js日历代码，鼠标点击文字提示处，会显示一个带年月日的日历窗口，可调整年份、月份、选择日期等，用在网页上方便大家选择日期，提高用户体验。各大浏览器都能正常运行，有需要的小伙伴可以参考下。
使用说明：
需要引入插件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");
})
以上所述就是本文的全部内容了，希望大家能够喜欢。
相关文章
这篇文章主要给大家介绍了关于three.js利用卷积法如何实现物体描边效果的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用three.js具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2019-11-11
批量修改PS中图层名称的方法有很多，在本文为大家介绍下使用js是如何实现的2014-01-01
JavaScript获取路径的方法有很多，网上也可以搜索的到，下面本例也要为大家讲解下，有源码及结果截图2014-05-05
最近的项目需要添加一个分页导航的功能,没有用网上封装好的文件,通过JS自己简单实现了效果,这篇文章主要给大家介绍了关于javascript动态分页的实现方法,需要的朋友可以参考下2022-06-06
这篇文章主要为大家详细介绍了js实现3D轮播图效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-10-10
本篇文章教给大家用JS代码配合CSS样式来实现滚动时钟的动画效果，一起来学习下。2017-12-12
这篇文章主要介绍了es6 for循环中let和var区别详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-01-01
这篇文章主要为大家详细介绍了js实现简单图片切换，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
高山登不上,不是因为体力不支,只因鞋里一粒。学习也是如此，因而有必要把JavaScript中常见的和与其它语言不同的那些细节学习一下2012-06-06
这篇文章主要介绍了微信小程序实现页面跳转传值以及获取值的方法,结合实例形式总结分析了微信小程序页面跳转及传值的常用操作技巧,需要的朋友可以参考下2017-12-12
最新评论