发表于: 2017-04-16 11:21:00
3 1205
完成的事情:
完成日期插件的测试和布局
数据校验(做的时候才发现需要验证的东西蛮少的。。)
计划的事情:
编辑和新增功能
问题:
原来打算看看日期插件的源码,然后试着去改改,当发现源码没有换行的时候。。。放弃了
$scope.start = {
elem: '#start',
format: 'YYYY/MM/DD hh:mm:ss',
min: '2000-01-01 00:00:00', //设定最小日期为当前日期
max: '2099-06-16 23:59:59', //最大日期
istime: true,
istoday: false,
choose: function(datas){
$scope.end.min = datas; //开始日选好后,重置结束日的最小日期
$scope.end.start = datas; //将结束日的初始值设定为开始日
$scope.jobSearchData.startAt = new Date(datas).valueOf();
console.log($scope.jobSearchData.startAt);
}
};
$scope.end = {
elem: '#end',
format: 'YYYY/MM/DD hh:mm:ss',
min: '2000-01-01 00:00:00',
max: '2099-06-16 23:59:59',
istime: true,
istoday: false,
choose: function(datas){
$scope.start.max = datas; //结束日选好后,重置开始日的最大日期
$scope.jobSearchData.endAt = new Date(datas).valueOf();
console.log($scope.jobSearchData.endAt);
}
};
laydate($scope.start);
laydate($scope.end);
插件代码如上。
插件初始化时候,刷新网页的时候,能够正常使用,但是在路由跳转后回来当前网页,插件功能不再,尝试把代码放到.directive中调用,依然如此。
怀疑是angular和js方法的兼容问题,改成标签内部的ng-click触发事件,把
laydate($scope.start);
laydate($scope.end);
两个方法放到点击事件内
$scope.laydateStart = function(){
laydate($scope.start);
}
$scope.laydateEnd = function(){
laydate($scope.end);
}
插件正常。
至于验证,参考之前任务的方法,然后百度相对的正则表达式就完成,而表单的必要内容检测,估计就没法简单的
ng-disabled="myForm.$invalid"能够搞定的。
收获:
复盘项目进度
评论