轻量级的原生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");
})

下载地址

以上所述就是本文的全部内容了,希望大家能够喜欢。

相关文章

  • 功能强大的Bootstrap组件(结合js)

    功能强大的Bootstrap组件(结合js)

    这篇文章主要介绍了功能强大的Bootstrap组件,介绍js结合Bootstrap组件的使用方法,感兴趣的小伙伴们可以参考一下
    2016-08-08
  • 微信小程序实现多行文字超出部分省略号显示功能

    微信小程序实现多行文字超出部分省略号显示功能

    这篇文章主要介绍了微信小程序实现多行文字 超出部分省略号显示功能,比如设置只显示2行,超出部分省略号显示,本文通过实例代码给大家介绍,需要的朋友可以参考下
    2019-10-10
  • Javascript计算两个marker之间的距离(Google Map V3)

    Javascript计算两个marker之间的距离(Google Map V3)

    做地图开发,最常用到的就是marker一些操作和交互。简单介绍一下,两个marker之间的距离计算,感兴趣的朋友可以参考下哈,希望对你有所帮助
    2013-04-04
  • 浅谈JS的基础类型与引用类型

    浅谈JS的基础类型与引用类型

    下面小编就为大家带来一篇浅谈JS的基础类型与引用类型。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-09-09
  • iframe的父子窗口之间的对象相互调用基本用法

    iframe的父子窗口之间的对象相互调用基本用法

    iframe在使用时可能会涉及到父子窗口之间传值和方法的相互调用,研究了一下其实非常简单,就那么几个用法而已,在此与大家分享下,感兴趣的朋友可以参考下
    2013-09-09
  • JavaScript中发出HTTP请求最常用的方法

    JavaScript中发出HTTP请求最常用的方法

    JavaScript具有很好的模块和方法来发送可用于从服务器端资源发送或接收数据的HTTP请求。这篇文章主要介绍了JavaScript中发出HTTP请求最常用的方法,需要的朋友可以参考下
    2018-07-07
  • 在网页中插入百度地图的步骤详解

    在网页中插入百度地图的步骤详解

    在企业网站中常会看到企业地址会显示在地图上,那么,如何实现这种功能呢?本篇文章就主要介绍在网页中插入百度地图的步骤,下面就随小编一起来看看吧
    2016-12-12
  • 解析JS在获取当前月的最后一天遇到的坑

    解析JS在获取当前月的最后一天遇到的坑

    这篇文章主要介绍了解析JS在获取当前月的最后一天遇到的坑,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-08-08
  • JavaScript 布尔操作符解析  && || !

    JavaScript 布尔操作符解析 && || !

    在一门编程语言中,布尔操作符的重要性堪比相等操作符。如果没有测试两个值关系的能力,那么诸如if...else和循环之类的语句就不会有用武之地了。布尔操作符一共有3个: 非、与、或
    2012-08-08
  • ajax如何实现页面局部跳转与结果返回

    ajax如何实现页面局部跳转与结果返回

    AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术,通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新,本篇文章给大家介绍ajax如何实现页面局部跳转与结果返回,感兴趣的朋友一起来学习
    2015-08-08

最新评论