今天完成的事情：任务7基本完成，渲染了列表，添加了datepicker，完成了搜索功能。

明天计划的事情：开始学习指令的编写，希望能做完翻页的功能。

遇到的问题：代码乱糟糟的，对指令编写一点都不了解。。。。。。等30号做完任务花两天时间简单的重构一下吧。

收获：

1 基于bootstrap的datepicker插件。

没有上传附件功能哎。。。。。。。

http://www.sucaijiayuan.com/Js/DateTime/1342.html

我用的是这一款，配置比较简单。

引用该引用的配置文件，把例子里面的js代码写到需要的页面，随便配置下时间格式就行了。

<!--日期控件-->主页面引入文件

<link rel="stylesheet" href="src/bootstrapDatepickr-1.0.0.css">

<script src="src/bootstrap.min.js"></script>

<script src="dist/bootstrapDatepickr-1.0.0.min.js"></script>

<!--这里-->

input页面的js函数，可以直接放到input所在的路由页面，自行更改格式（date_format);

<script>//日历函数

$(document).ready(function() {

$("#calendar").bootstrapDatepickr();

$("#calendar1").bootstrapDatepickr({date_format: "Y-m-d"});

$("#calendar2").bootstrapDatepickr({date_format: "Y-m-d"});

});

</script>

给input增加id id=calendar1;id=calendar2；对应上面js的格式。

2学会了封装angularjs的函数，以及引用函数，大致了解ng-model和ng-bind的区别。

clearSearch();//页面加载时运行清楚并请求函数

$scope.clearSearch=function(){//点击清除按钮运行清除并请求函数

clearSearch();

}

$scope.resetPage=function(){

resetPage();

}

3自定义过滤器的使用

<tbody>

<tr ng-repeat="x in items | orderBy:'creatAt'">

<td ng-bind="$index+1"></td>

<td ng-bind="x.title"></td>

<td ng-bind="x.type | typeChange "></td>

<td ng-bind="x.createAt | timeChange"></td>

<td ng-bind="x.updateAt | date:'yyyy-MM-dd HH:mm:ss'"></td>

<td ng-bind="x.author"></td>

<td ng-bind="x.status | statusChange"></td>

<td>吃饭 睡觉 打豆豆</td>

</tr>

</tbody>