发表于: 2017-06-22 20:44:15
1 890
今天完成的事情:任务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>
评论