SongHb的gravatar头像
SongHb 2014-09-10 23:35:05

bootstrap+dhtmlxSchedule实现的预约模块前端源代码

最近在做负责完成一个系统的预约模块,因为后台实现是python 所有只分享了预约模块的前端代码,先上图

bootstrap+dhtmlxSchedule实现的预约模块前端源代码bootstrap+dhtmlxSchedule实现的预约模块前端源代码bootstrap+dhtmlxSchedule实现的预约模块前端源代码bootstrap+dhtmlxSchedule实现的预约模块前端源代码bootstrap+dhtmlxSchedule实现的预约模块前端源代码bootstrap+dhtmlxSchedule实现的预约模块前端源代码

简介

1.在技师视图拖拽自动传入技师姓名,在房间视图拖拽自动传入房间、床位

2.在新建预约时可验证表单内容,房间床位二级联动

3.技师、房间、床位可从后台读取,支持xml、json格式

4.替换dhtmlxSchedule原有的时间控件(不美观、使用不方便),引入bootstrap-datetimepicker时间控件

5.用不同颜色区分不同的房间及状态:预约已结束的用灰色表示,不可拖拽,可双击编辑;预约开始但未结束的,不变色,不可拖拽,可双击编辑;未开始的,不变色,可拖拽,可双击编辑

6.因为部分需求比较特殊、dhtmlxSchedule有些小bug,dhtmlxSchedule的部分原代码已经被我改掉了,改动的部分有部分注释,原版请看http://docs.dhtmlx.com/scheduler/index.html 

7.友情提示,官方文档找不到的想要的内容还是看源码吧


打赏

文件名:src.zip,文件大小:1085.027K 下载
  • /
      • /css
        • /css/bootstrap-datetimepicker.css
        • /css/bootstrap.css
        • /css/born_book.css
      • /fonts
        • /fonts/glyphicons-halflings-regular.eot
        • /fonts/glyphicons-halflings-regular.svg
        • /fonts/glyphicons-halflings-regular.ttf
        • /fonts/glyphicons-halflings-regular.woff
      • /html
    顶部 客服 微信二维码 底部
    >扫描二维码关注最代码为好友扫描二维码关注最代码为好友