发表于: 2017-04-16 11:21:00

3 1204


完成的事情:

完成日期插件的测试和布局

数据校验(做的时候才发现需要验证的东西蛮少的。。)



计划的事情:

编辑和新增功能



问题:

原来打算看看日期插件的源码,然后试着去改改,当发现源码没有换行的时候。。。放弃了

$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"能够搞定的。



收获:

复盘项目进度



返回列表 返回列表
评论

    分享到