2.布局流和模块化演示
以下是布局流和模块演示，里面包含了栅格系统，卡片式和模块里的一些基础元素的组合，以及一些ui组件的展示（下拉菜单，表格，导航条，分页）
我的课表
| 今天（周三） | 今天（周四） | |
|---|---|---|
| 1 | 语文 | 语文 |
| 2 | 生物 | 语文 |
| 3 | 英语 | 英语 |
| 4 | 语文 | |
| 5 | 品德与生活 | 语文 |
| 6 | 化学 | |
| 7 | ||
| 8 | 生物 | 声音与影像的编辑制作/wj104（微机室） |
| 9 | 晚自习 | 晚自习 |
| 10 | 晚自习 | 晚自习 |
微校企业号
扫描二维码关注北京师范大学第一小学微信企业号，家校沟通更方便！
带复选的表格演示
(需要自行调用"rach"组件js模块，然后执行"rach_run(function(t){},function(t){})"函数，回调两个函数，分别是单选/复选点击后再执行)
(需要自行调用"rach"组件js模块，然后执行"rach_run(function(t){},function(t){})"函数，回调两个函数，分别是单选/复选点击后再执行)
| 标题1 | 标题2 | 标题3 | 标题4 | 标题5 | 标题6 | 操作 | |
|---|---|---|---|---|---|---|---|
| 内容1 | 内容2 | 内容3 | 内容4 | 内容5 | 内容6 | 查看 | |
| 内容1 | 内容2 | 内容3 | 内容4 | 内容5 | 内容6 | 查看 | |
| 内容1 | 内容2 | 内容3 | 内容4 | 内容5 | 内容6 | 查看 | |
| 内容1 | 内容2 | 内容3 | 内容4 | 内容5 | 内容6 | 查看 | |
| 内容1 | 内容2 | 内容3 | 内容4 | 内容5 | 内容6 | 查看 | |
| 内容1 | 内容2 | 内容3 | 内容4 | 内容5 | 内容6 | 查看 | |
| 内容1 | 内容2 | 内容3 | 内容4 | 内容5 | 内容6 | 查看 | |
| 内容1 | 内容2 | 内容3 | 内容4 | 内容5 | 内容6 | 查看 | |
| 内容1 | 内容2 | 内容3 | 内容4 | 内容5 | 内容6 | 查看 | |
| 内容1 | 内容2 | 内容3 | 内容4 | 内容5 | 内容6 | 查看 |
自主编写的日历插件 qky_calendar演示
以上的双日期的，因为要考虑时分秒的判定，所以业务逻辑会比较复杂，于是暂时还没开发出开始日期限制结束日期的选择。
但年月日的判定接口已经留下，等待后续更新开发
但年月日的判定接口已经留下，等待后续更新开发
目前只支持年月日的控制，不能支持到时分秒过去都不操作
日历插件 qky_calendar使用说明
1.目前需要依赖
jquery,bootstrap(只需要css),quickcss)
2.需要调用插件"qky_calendar"，整个插件体放在js/plug-in/qky_calendar(2.0版本)
3.seajs目前邦好根层调用的路径，其他路径调用请重新绑定链接
4.在引用了插件后，进行函数调用库名.qkycalendar({opt})，opt参数如下表格，boxid是首选要绑定的，其他的按需使用，调用例子qkycal.qkycalendar({boxid:".qkycalendar_box.default"});
5.日历插件参数表
| 基础配置 | ||
|---|---|---|
| 参数名 | 默认值 | 作用 |
| ajaxsrc | 按照从哪调用进行引用 | //日历主体html异步地址 |
| csssrc | 按照从哪调用进行引用 | //css调用地址//为之后的主题更换留接口 |
| position | "po_leftup,ml15" | //在哪里展出 默认右下（css直接锁定了）展出， 值："po_leftup（左上）,po_leftdown（左下）,po_rightup（右上）" 可以另加内外边距的快速css，比如"po_leftup,ml15", 用，号分割; |
| boxid | ".qkycalendar_box" | //日历盒子id或者class |
| drawid | ".qkycalendar" | //日历渲染id或者class |
| cilckid | ".qkycalendar_btn" | //日历点击id或者class |
| hoverid | ".qkycalendar_btn_hover" | //日历滑动id或者class(跟点击id只能二选一，要不点击要不悬停) |
| 基础配置日期时间，不覆盖默认当前今天今时 | ||
|---|---|---|
| 参数名 | 默认值 | 作用 |
| year | 默认调用当前年 | //年 |
| moon | 默认调用当前月 | //月 |
| day | 默认调用当前日 | //日 |
| hours | 默认调用当前时 | //时 |
| minutes | 默认调用当前分 | //分 |
| seconds | 默认调用当前秒 | //秒 |
| 过去日子选择限制（目前只支持日期年月日，不支持单年月或者单时分秒以及年月日时分秒） | ||
|---|---|---|
| 参数名 | 默认值 | 作用 |
| oldday_set | / | //限制josn |
| oldday_set.isset | false | //是否设置限制 |
| oldday_set.setdate | "today" | //setdate为设置什么日期或者时刻为新旧日期转折， 默认为today就是今天会自动转化为今天日期， 只支持格式为yyyy-mm-dd |
| 机制判断 | ||
|---|---|---|
| 参数名 | 默认值 | 作用 |
| isinput | false | //是否从输入框里的时间来做初始值 |
| isdistshowdate | false | //是否一开始就在输入框里显示初始化日期 |
| isshowym | true | //是否显示年月,不能出现年月不显示而显示日数，就是isshowym为false的时候isshowday一定得false（自动会换） |
| isshowday | true | //是否显示日数选择 只有在isshowym为true时才能有作用 |
| isshowtime | false | //是否显示时分秒////不能在不显示天数的情况下，同时显示年月选择和时间选择 |
| 函数回调 | ||
|---|---|---|
| 参数名 | 默认值 | 作用 |
| clickday | 默认给回调到给输入框传日历插件里选到的日期数据 | //日数点击时执行 |
| choosetimes | 默认给回调到给输入框传日历插件里选到的日期数据 | //时分秒转换时执行 |