- 资源介绍
- 更新记录
- 安装教程
上一篇分享了一个双日历控件是基于bootstrap 的今日分享的这个是基于Layui的
网上看了一下这一块的文章很少,而且有的根本不能使用,说的很抽象
先上效果图
底部的时间是可以根据自己的需求控制的
第一步 去Layui的官网去下载
第二步 找到laydate.js文件
在文件里面搜索confirm:"确定",clear:"清空",now:"现在"
定义自己想要的时间参数
html代码
先引入layui的css 和js文件
[HTML] 纯文本查看 复制代码<div class="layui-form">
<div class="layui-form-item">
<label class="layui-form-label">请选择范围</label>
<div class="layui-input-inline" style="width: 300px;">
<input type="text" class="layui-input" id="test16" placeholder="开始日期 到 结束日期">
</div>
</div>
</div>
在script中加入
[JavaScript] 纯文本查看 复制代码laydate.render({
elem: \’#test16\’
, type: \’datetime\’
, range: true
, format: \’yyyy-MM-dd HH:mm:ss\’
, btns: [\’now\’, \’day\’, \’yesterday\’, \’lastday7\’, \’lastday30\’, \’week\’, \’lastweek\’, \’month\’, \’lastmonth\’, \’confirm\’, \’clear\’],
ready: function (date) {
}
});
这里将js文件中定义的参数名和这里保持一致 不然不会显示
layui 会默认给按钮加上class样式
下一步在ready这个方法中来完成你的单击事件操作
https://wwe.lanzous.com/iZnlPgey0nc
猜你喜欢
-
YTD Video Downloader Pro v5.9.16.4 油管Youtube视频下载工具
2020-11-26 -
图像卡通化效果工具 Prima Cartoonizer v2.1.0 破解版
2020-11-26 -
《模拟人生4星际大战》:巴图之旅 THE SIMS 4 STAR WARS JOURNEY TO BATUU
2020-09-11 -
《大富翁4超时空之旅》win7/win10兼容性、平衡性修改版20201002
2020-10-04 -
【2021】视频编码软件 Adobe Media Encoder 2020 v14.5.0.48 破解版
2020-11-26 -
《了不起的修仙模拟器》11月25日更新1.0.1正式免安装中文版
2020-11-26 -
了不起的修仙模拟器 v1.0.8
2020-12-04 -
御姐玫瑰:起源 免安装中文版 动作ACT新游
2020-10-15 -
Office完整版 2003/2007/2010/2013/2016/2019
2020-09-12 -
沙盒 Sandboxie v5.33.3 中文版
2020-11-26
-
VMware Workstation Player v15.5.2 Build 15785246 虚拟机软件
2020-11-26 -
PE启动制作工具 EasyU(优启通) v3.6.2020.0803 附DLC扩展包VIP版
2020-11-26 -
MediaCreationTool.bat-Win10所有版本镜像下载神器
2020-11-22 -
蜀山幻剑录 Sword of Shushan中文版【解压即玩】
2020-10-07 -
系统维护军刀—-Glary Utilities v5.152.0.178便携特别版
2020-10-31 -
ResourceHacker V5.1.7 个人汉化
2020-10-07 -
【游戏】孤岛危机重制版 Crysis Remastered-CPY ISO 21G
2020-10-30 -
网飞下载工具 Free Netflix Download v5.0.9.323 破解版
2020-11-26 -
无损 会员音乐播放器
2020-10-15 -
产品秘钥浏览器 Nsasoft Product Key Explorer v4.2.1.0 破解版
2020-11-26
猜你在找
2. 本站不保证所提供下载的资源的准确性、安全性和完整性,资源仅供下载学习之用!如有链接无法下载、失效或广告,请联系客服处理,有奖励!
3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!
4. 如果您也有好的资源或教程,您可以投稿发布,成功分享后有站币奖励和额外收入!
小酒资源吧 » 又来给大家分享双日历控件 这次是基于Layui
常见问题FAQ
- 免费下载或者VIP会员专享资源能否直接商用?
- 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
- 提示下载完但解压或打开不了?
- 找不到素材资源介绍文章里的示例图片?
- 小酒资源吧
- 2020-09-07Hi,初次和大家见面了,请多关照!