AngularJS-layDate1.0.js 指令
来源:互联网 发布:淘宝怎么抢购秒杀 编辑:程序博客网 时间:2024/06/10 03:10
网上参考后加以改进的版本
/*时间选择*//*** 使用示例* <input def-laydate type="text" id="id1" ng-model="startTime"/>*/(function () {'use strict';var layDateDirective = angular.module("layDateModule",[]);layDateDirective.directive("laydateSelect",['$timeout',function($timeout){return{require:'?ngModel',restrict:'AE',scope:{ngModel:'=',maxDate:'@', minDate:'@', showhms:'@',//是否显示时分秒 format:'@',},link:function(scope,element,attr,ngModel){var _date = null,_config={};$timeout(function(){ // 初始化参数 /** * 选择时间-精确到时分秒 */_config={elem: '#' + attr.id,istime: true,istoday:true,//是否显示今天festival: true,//是否开启节日format: scope.format ? scope.format : 'YYYY-MM-DD',max:attr.hasOwnProperty('maxDate')?attr.maxDate:'',min:attr.hasOwnProperty('minDate')?attr.minDate:'',start: laydate.now('YYYY-MM-DD hh:mm:ss'), //开始日期的设置choose: function(data) {//选择好日期的回调scope.$apply(setViewValue);},clear:function(){//清除时间ngModel.$setViewValue(null);}}// 初始化参数 laydate.skin('yahui');_date = laydate(_config);// 监听日期最大值 if(attr.hasOwnProperty('maxDate')){ attr.$observe('maxDate', function (val) { _config.max = val; }) } // 监听日期最小值 if(attr.hasOwnProperty('minDate')){ attr.$observe('minDate', function (val) { _config.min = val; }) }//// 模型值同步到视图上ngModel.$render = function() {element.val(ngModel.$viewValue || '');};// 监听元素上的事件element.on('blur keyup change', function() {scope.$apply(setViewValue);});setViewValue();// 更新模型上的视图值function setViewValue() {var val = element.val();ngModel.$setViewValue(element.val());}//获取当前时间function getNowFormatDate() { var date = new Date(); var seperator1 = "-"; var seperator2 = ":"; var month = date.getMonth() + 1; var strDate = date.getDate(); if (month >= 1 && month <= 9) { month = "0" + month; } if (strDate >= 0 && strDate <= 9) { strDate = "0" + strDate; } var currentdate = date.getFullYear() + seperator1 + month + seperator1 + strDate + " " + date.getHours() + seperator2 + date.getMinutes() + seperator2 + date.getSeconds(); return currentdate;}},0)}}}]);}())
阅读全文
0 0
- AngularJS-layDate1.0.js 指令
- AngularJS 指令
- AngularJS--指令
- angularjs--指令
- angularjs指令
- AngularJS 指令
- 指令<AngularJs>
- AngularJS 指令
- AngularJS 指令
- 指令<AngularJs>
- AngularJS 指令
- AngularJS 指令
- AngularJs指令
- AngularJS -- 指令
- AngularJS 指令
- AngularJS 指令
- AngularJS 指令
- AngularJS 指令
- [笔记分享] [OS] Linux设备模型之基础概念
- greenDao3 再安卓5.0下报找不到加密类的错解决办法
- 删除空格
- 使用layui中的laypage遇到的各种问题总结
- Android开发之Handler消息机制
- AngularJS-layDate1.0.js 指令
- Android Studio获取开发版SHA1值和发布版SHA1值的史上最详细方法
- Python
- mfc中的.rc和.rc2出错fatal error RC1015: cannot open include file 'res\ModalD
- 关于SpringMVC配置文件中的<context:component-scan >
- 坑爹!男孩打赏女主播,不知充值是在花钱---众智云
- 三九、清除页面滚动条
- URL,HTTP,端口概念
- 服务器时间同步平台化