1、jQueryUI
组件/插件库:提供了HTML/CSS/JS,程序员想要使用只需要引入然后梭代码
组件:组成网页一部分的部件
插件:插件就是组件,插件带有js功能
一切插件的使用步骤:
1、下载
2、引入:
<link rel="stylesheet" type="text/css" href="jquery-ui-1.13.0.custom/jquery-ui.css"/>
<script src="jquery-ui-1.13.0.custom/external/jquery/jquery.js" type="text/javascript" charset="utf-8"></script>
<script src="jquery-ui-1.13.0.custom/jquery-ui.js" type="text/javascript" charset="utf-8"></script>
3、挑选自己喜欢的效果 - 然后复制:
①选项卡/标签页/tabs
②、菜单
③手风琴/折叠面板
④、自动完成/模糊搜索
⑤特效 - 增强toggle("特效名称",duration,callback)+hide+show
⑥拖放
4、根据你的设计图修改css - 如果修改了不成功只有一个可能,优先级不够
5、根据数据库拿回来的数据渲染页面 - 记得把模板删掉
2、日期选择器:底层date对象
1、wdatepick.js文件
优点:非常简单 缺点:样式比较老化
$("input").focus(function(){
WdatePicker({//配置信息
el:this,
isShowToday: false,
isShowClear: false,
isShowOK: false,//以上三个都是开关,如果三个都关起来了,则会隐藏掉快速选择按钮
lang: "eng",
skin: "twoer",
dateFmt: "yyyy年MM月dd日 HH:mm:ss",//年月日时分秒的字母大小写是固定的
minDate: "%y-%M-%d",
maxDate: "%y-%M-{%d+7}",//只能购买从今天开始往后7天的可以选择
readOnly: true,
})
})
2、laydate.js:
优点:简单、漂亮;缺点:下架了
3、无敌的插件库 直接百度搜索:jQuery插件库(一个账号一天只能下载两次)