使用说明:

需要引入插件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");

})

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

更多轻量级的原生js日历插件calendar.js使用指南相关文章请关注PHP中文网!

本文原创发布php中文网,转载请注明出处,感谢您的尊重!

php日期控件calendar.js,轻量级的原生js日历插件calendar.js使用指南相关推荐

  1. 可编辑的日历控件_选择正确的WordPress编辑日历插件

    可编辑的日历控件 什么是编辑日历? (What is an Editorial Calendar?) An editorial calendar is the foundation of strate ...

  2. asp.net的一个不错日期控件

    /* asp.net日期控件使用说明: 以下部分在中 <SCRIPT src="res/JS.js"></SCRIPT> <SCRIPT langua ...

  3. Android日期控件

    (请先认真读一下前两段,谢谢) 最近做了一个电商的Android原生项目,其中有一个酒店预订的功能,要实现一个日期控件,基本就是入住时间,离店时间,日期控件需要连续展示一年或者几年的按月份显示的连续视 ...

  4. js插件---日期控件My97DataPicker的使用

    1. 注意事项 (1)My97DatePicker目录是一个整体,不可破坏里面的目录结构,也不可对里面的文件改名,可以改目录名: (2)各目录及文件的用途: WdatePicker.js 配置文件,在 ...

  5. ASP.NET中 Calendar(日期控件)的使用

    ylbtech-ASP.NET-Control-Basic:Calendar(日期控件)的使用 ASP.NET中 Calendar(日期控件)的使用. 1.A,运行效果返回顶部 Calendar(日期 ...

  6. layui日期与vue_详解Vue.js和layui日期控件冲突问题解决办法

    详解Vue.js和layui日期控件冲突问题解决办法 发布于 2020-8-10| 复制链接 摘记: 事故还原: 今天在用layui的日期控件的时候发现一个问题,就是form表单中的日期选择之后,如果 ...

  7. WPF自定义控件与样式(5)-Calendar/DatePicker日期控件自定义样式及扩展

    原文:WPF自定义控件与样式(5)-Calendar/DatePicker日期控件自定义样式及扩展 一.前言 申明:WPF自定义控件与样式是一个系列文章,前后是有些关联的,但大多是按照由简到繁的顺序逐 ...

  8. layDate1.0正式公布,您一直在寻找的的js日期控件

    你是时候换一款日期控件了,而layDate很愿意和您成为工作伙伴.她正致力于成为全球最高大上的web日期支撑,为国内外全部从事web应用开发的同仁提供力所能及的动力.她基于原生JavaScript精心 ...

  9. 【js】日期控件的实现

    需求:通过日期控件实现只显示年月 效果如下图: 日期控件使用的是My97DatePicker: 可以从官网下载:http://www.my97.net/,或者: 链接:https://pan.baid ...

最新文章

  1. 支付宝账单出来后,除了总消费,你看到你的学习支出了吗?
  2. 19-7-21 springboot学习
  3. IE兼容CSS3圆角border-radius,box-shadow,text-shadow的方法
  4. 在ASP.Net2.0中使用UrlRewritingNet实现链接重写
  5. Python(3):组的概念
  6. 了解.NET中的垃圾回收
  7. python显示图片列表_python读取图片任意范围区域
  8. 003之MFCSocket异步编程(指针机制)
  9. leetcode题解54-螺旋矩阵
  10. 华为鸿蒙os2.0系统beta,华为发布HarmonyOS 2系统:万物互联时代鸿蒙大一统
  11. Thinkphp学习笔记——友情链接的添加和验证
  12. 悦诗风吟网络营销的目标_睫毛膏营销策划方案
  13. 高校智慧教室建设方案
  14. macOS Big Sur初体验之自带五笔输入法质变
  15. DES加密算法(框图流程详细分析)(C++实现)
  16. 关于QQ邮箱登录提示一键登录解决方案
  17. javaweb验证码明明输入正确却还是提示错误,验证码session不同步、不一致问题
  18. 计算机权限删除文件win10,高手设置win10需要administrator权限才能删除文件的解决手段...
  19. Linux目录结构,命令,文件类型学习
  20. [翻译]在Windows版或MacOS版的Microsoft Edge上安装一个谷歌浏览器拓展

热门文章

  1. 人脸识别中常用的几种分类器
  2. 完美 全兼容 解决 文字两端对齐 justify 中文姓名对齐
  3. sql 执行 delete 的时候,结合子查询 exists ,怎样支持别名呢?
  4. 除了富二代 据说这9种人最有富豪潜质
  5. 也谈读书和书籍选择问题(C#)
  6. Hello, world!
  7. HUT-XXXX 数学
  8. DotNet中的集合对象(2): Hashtable
  9. 巴斯勒相机外部触发接线_PLC控制柜的设计原理,电装布局、接线图和原理图
  10. 优必选发布新一代大型机器人Walker X