百度前端技术学院是一个为大学生创办的免费的前端技术实践、分享、交流平台。由百度校园招聘组、百度校园品牌部、百度前端技术部以及多个百度的前端团队联合创办。学院组织了一批百度在职工程师,精心编写了数十个实践编码任务,将技术知识点系统有机地串联在各个充满趣味与挑战的任务中,同学们通过实际地编码练习来掌握知识,再辅以互相评价、学习笔记等方式,加深对于学习内容的理解。在过去的三年中,百度前端技术学院累积吸引了上万名同学参加,并且有数十名同学在学习后,顺利加入了百度,成为了百度的前端工程师。

3.2日历组件

进阶

人数41人在学习该课程,有12人已经完成该课程

时间平均用时1.6

课程概述

作业提交截止时间:09-01

任务目的

  • 练习综合运用HTML,CSS,JavaScript实现功能
  • 练习对于表单组件弹出层的管理
  • 练习对于日期操作的抽象与封装

任务描述

  • 参考基于vue的组件库element的DatePicker(http://element.eleme.io/#/zh-CN/component/date-picker)
  • 输入框获取焦点的时候,在输入框下方弹出浮层
  • 滚动时,浮层始终处于输入框的下方
  • 当剩余高度不足以容纳一个日期浮层的时候,日历浮层折叠到输入框上方
  • 浮层的相关样式和逻辑尽量解耦
  • 日历当中的日期可以根据使用者传入的条件设置为Disabled状态
  • 在实现单个日期选择的基础上实现日期范围的选择

任务注意事项

  • 请注意代码风格的整齐,优雅
  • 代码中含有必要的注释
  • 可以合理选择使用其他第三方类库
学员提交的作业 (-)
学员名称提交时间提交的代码预览效果评价数平均得分操作
课程优秀学习笔记

暂无优秀学习笔记~