任务效果:
知识点:
1· bootstarp 的 form_group
2· bootstarp 的datetime_picker
*原型:
实现步骤:
1. 将*两两拼合 ,两个div 想放在一排,在父级盒子上 将 display:flex
2.去掉了border 和背景图片 ,如何修改源*上的样式----覆盖----覆盖命名规则,方法如2-1,2-2
2-1 自己取名覆盖原先名字 2-2 css 样式如图
3.两个输入框中间的分割线
错误写法:想在html 的两个输入框加入竖线,但是会产生很大的空白间距
解决方法:使用伪类before ,在第二个输入框前加入如下的代码:
content:"" 相当于给分割线一个占位符 (视为已经创造了一个盒子)
给它border 也行,给一个长宽 加一个背景色也可以
4.datetime picker的引入
4.1 基础配置
3.2 时间的配置
1. 获取日期,自动获取时间(出现问题)
1.1 自己的写法(只在input 绑定了datetimepicker的标签)
1.2 未实现的部分: 选择只能选择时间,无法自动获取