发表于: 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。

教程:

http://www.liuchungui.com/2016/10/22/bootstrap-datetimepicker%E9%9B%86%E6%88%90%E5%88%B0angular%E4%BD%BF%E7%94%A8/

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




返回列表 返回列表
评论

    分享到