发表于: 2017-02-16 22:01:39
1 1174
今天完成的事情:
1.找到了合适的时间插件;bootstrap-datetimepicker;熟悉了如何配置;ui-bootstarp的时间控件不好汉化;另一个插件laydate没有弄出来,有时间再实验吧。
2.找到了合适的富文本编辑器,umeditor。并且试调好。安装了bower,利用bower下载了umeditor。
明天计划的事情:
1.学习正则表达式;
2.限制各个的返回值;并取得返回值;
3.完成表单验证。
遇到的问题:
1.找bootstrap-datetimepicker使用时,需要引入很多文件,找文件花费了一定的时间,附上教程和需要的文件的cdn。
教程:
;
head部分:
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.rawgit.com/Eonasdan/bootstrap-datetimepicker/4.17.37/build/css/bootstrap-datetimepicker.min.css">
底部:
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script type="text/javascript" src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<script src="//cdn.bootcss.com/moment.js/2.17.1/moment.min.js"></script>
<script src="//cdn.bootcss.com/bootstrap-datetimepicker/4.17.45/js/bootstrap-datetimepicker.min.js"></script>
<script src="//cdn.bootcss.com/angular.js/1.6.1/angular.min.js"></script>
<script src="//cdn.bootcss.com/moment.js/2.17.1/locale/zh-cn.js"></script>
<script src="https://rawgit.com/atais/angular-eonasdan-datetimepicker/0.3.8/dist/angular-eonasdan-datetimepicker.min.js"></script>
汉化:
在文档的这里添加上locale;在html里要添加相应的moment.js.不然会报错。
2.富文本编辑器的地址:
https://github.com/dylike/meta.umeditor可以去这里看看,这里讲的比较详细。
收获:
1.对时间插件和富文本编辑器有了了解。
2.今天明月讲了bfc的规则,知道了BFC布局规则;触发bfc的条件:
根元素
float属性不为none
position为absolute或fixed
display为inline-blcok、table-cell、table-caption、flex、inline-flex
overflow不为visible
评论