php日期控件calendar.js,轻量级的原生js日历插件calendar.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");
})
以上所述就是本文的全部内容了,希望大家能够喜欢。
更多轻量级的原生js日历插件calendar.js使用指南相关文章请关注PHP中文网!
本文原创发布php中文网,转载请注明出处,感谢您的尊重!
php日期控件calendar.js,轻量级的原生js日历插件calendar.js使用指南相关推荐
- 可编辑的日历控件_选择正确的WordPress编辑日历插件
可编辑的日历控件 什么是编辑日历? (What is an Editorial Calendar?) An editorial calendar is the foundation of strate ...
- asp.net的一个不错日期控件
/* asp.net日期控件使用说明: 以下部分在中 <SCRIPT src="res/JS.js"></SCRIPT> <SCRIPT langua ...
- Android日期控件
(请先认真读一下前两段,谢谢) 最近做了一个电商的Android原生项目,其中有一个酒店预订的功能,要实现一个日期控件,基本就是入住时间,离店时间,日期控件需要连续展示一年或者几年的按月份显示的连续视 ...
- js插件---日期控件My97DataPicker的使用
1. 注意事项 (1)My97DatePicker目录是一个整体,不可破坏里面的目录结构,也不可对里面的文件改名,可以改目录名: (2)各目录及文件的用途: WdatePicker.js 配置文件,在 ...
- ASP.NET中 Calendar(日期控件)的使用
ylbtech-ASP.NET-Control-Basic:Calendar(日期控件)的使用 ASP.NET中 Calendar(日期控件)的使用. 1.A,运行效果返回顶部 Calendar(日期 ...
- layui日期与vue_详解Vue.js和layui日期控件冲突问题解决办法
详解Vue.js和layui日期控件冲突问题解决办法 发布于 2020-8-10| 复制链接 摘记: 事故还原: 今天在用layui的日期控件的时候发现一个问题,就是form表单中的日期选择之后,如果 ...
- WPF自定义控件与样式(5)-Calendar/DatePicker日期控件自定义样式及扩展
原文:WPF自定义控件与样式(5)-Calendar/DatePicker日期控件自定义样式及扩展 一.前言 申明:WPF自定义控件与样式是一个系列文章,前后是有些关联的,但大多是按照由简到繁的顺序逐 ...
- layDate1.0正式公布,您一直在寻找的的js日期控件
你是时候换一款日期控件了,而layDate很愿意和您成为工作伙伴.她正致力于成为全球最高大上的web日期支撑,为国内外全部从事web应用开发的同仁提供力所能及的动力.她基于原生JavaScript精心 ...
- 【js】日期控件的实现
需求:通过日期控件实现只显示年月 效果如下图: 日期控件使用的是My97DatePicker: 可以从官网下载:http://www.my97.net/,或者: 链接:https://pan.baid ...
最新文章
- 支付宝账单出来后,除了总消费,你看到你的学习支出了吗?
- 19-7-21 springboot学习
- IE兼容CSS3圆角border-radius,box-shadow,text-shadow的方法
- 在ASP.Net2.0中使用UrlRewritingNet实现链接重写
- Python(3):组的概念
- 了解.NET中的垃圾回收
- python显示图片列表_python读取图片任意范围区域
- 003之MFCSocket异步编程(指针机制)
- leetcode题解54-螺旋矩阵
- 华为鸿蒙os2.0系统beta,华为发布HarmonyOS 2系统:万物互联时代鸿蒙大一统
- Thinkphp学习笔记——友情链接的添加和验证
- 悦诗风吟网络营销的目标_睫毛膏营销策划方案
- 高校智慧教室建设方案
- macOS Big Sur初体验之自带五笔输入法质变
- DES加密算法(框图流程详细分析)(C++实现)
- 关于QQ邮箱登录提示一键登录解决方案
- javaweb验证码明明输入正确却还是提示错误,验证码session不同步、不一致问题
- 计算机权限删除文件win10,高手设置win10需要administrator权限才能删除文件的解决手段...
- Linux目录结构,命令,文件类型学习
- [翻译]在Windows版或MacOS版的Microsoft Edge上安装一个谷歌浏览器拓展