这里面介绍下H+后台主题UI框架里面插件的应用,不过都是最最简单最初级的功能。主要有日历插件,input单选多选(icheck)插件,input下拉搜索(chosen)插件。 一、日历插件 有如下几种应用的形式: (一) 1、首先,需要引入laydate.js,而且,只需要引入js即可。 2、在sc ...
分类:
其他好文 时间:
2017-04-18 11:15:57
阅读次数:
2902
因为Bootstrap使用了 * {box-sizing:border-box;}来reset浏览器的默认盒子模型。所以加上以下代码就可以兼容Bootstrap了 <style type="text/css"> .laydate_box, .laydate_box * { box-sizing:co ...
分类:
其他好文 时间:
2016-12-22 19:16:39
阅读次数:
148
她基于原生JavaScript精心雕琢,兼容了包括IE6在内的所有主流浏览器。她具备优雅的内部代码,良好的性能体验,和完善的皮肤体系,并且完全开源,你可以任意获取开发版源代码,一扫某些传统日期控件的封闭与狭隘。layDate本着资源共享的开发者精神和对网页日历交互无穷的追求,延续了layui一贯的简 ...
分类:
Web程序 时间:
2016-12-15 09:19:01
阅读次数:
255
1、第三方插件: ①日期:layDate:不依赖于jquery 使用:html:<input class="laydate-icon"> css:引入laydate/skins/default/laydate.css js:laydate({ elem:"selector",format:"YYYY ...
分类:
Web程序 时间:
2016-11-06 09:35:57
阅读次数:
284
她基于原生JavaScript精心雕琢,兼容了包括IE6在内的所有主流浏览器。她具备优雅的内部代码,良好的性能体验,和完善的皮肤体系,并且完全开源,你可以任意获取开发版源代码,一扫某些传统日期控件的封闭与狭隘。layDate本着资源共享的开发者精神和对网页日历交互无穷的追求,延续了layui一贯的简 ...
分类:
Web程序 时间:
2016-07-13 09:20:53
阅读次数:
1385
layDate 控件地址:http://laydate.layui.com/ 前情:原来系统中使用的日期控件是UI bootstrap(地址:https://angular-ui.github.io/bootstrap/)里的。后来因为各种原因,要换掉UI bootstrap中的日期控件,改用lay ...
分类:
Web程序 时间:
2016-07-12 17:14:32
阅读次数:
479
实现效果如下 1.把layDate封装成Yii2的widget,存在 "\common\widgets"目录下,命名为DycLayDate,具体引用查看代码。 2.对应的model的rules方法加上: 其中:date --字段为日期格式; format:规定日期格式; message:不符合时提示 ...
分类:
其他好文 时间:
2016-06-19 22:51:26
阅读次数:
203
官网 http://sentsin.com/layui/laydate/ 1. 下载官网上的压缩包,解压后只需要复制laydate 文件夹到你的项目中; 2. 在页面引入 <script type="text/javascript" src="js/laydate/laydate.js"></scr ...
分类:
Web程序 时间:
2016-05-19 13:14:40
阅读次数:
311
一、核心方法:laydate(options); options是一个对象,它包含了以下key: '默认值' elem: '#id', //需显示日期的元素选择器 event: 'click', //触发事件 format: 'YYYY-MM-DD h...
分类:
Windows程序 时间:
2016-01-20 19:18:25
阅读次数:
7206