博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
AngularJS-layDate1.0.js 指令
阅读量:4096 次
发布时间:2019-05-25

本文共 2656 字,大约阅读时间需要 8 分钟。

网上参考后加以改进的版本

 

/*时间选择*//*** 使用示例* */(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)			}		}	}]);}())

 

 

 

 

 

 

转载地址:http://ovqii.baihongyu.com/

你可能感兴趣的文章
【Python】pyinstaller模块将py文件打包为windows可执行文件exe
查看>>
【自动化】Python3+Selenium3自动化测试-准备工作
查看>>
【Python】pip模块管理Python包的常用方法
查看>>
【数据库】mysql常用的数据类型
查看>>
【Python】base64模块对图片进行base64编码和解码
查看>>
【Python实战】使用python计算多种还款方式的还款计划
查看>>
【视频】视频基本参数介绍
查看>>
【Python】浮点数计算时的不准确性以及如何进行精确计算
查看>>
【Python】pysnooper模块对代码进行调试
查看>>
【股票】股票交易的手续费介绍以及计算
查看>>
【Python】常用的数据类型介绍以及它们之间相互转化
查看>>
【Java】使用前准备工作配置环境变量
查看>>
【Maven】Eclipse中的Maven项目安装与配置
查看>>
【Maven】Java项目管理工具
查看>>
【Python】time内置模块处理时间信息
查看>>
【Python】datetime内置模块处理日期和时间
查看>>
电脑能上QQ无法上网页解决方法总结
查看>>
python2.7下input()函数输入参数
查看>>
windows下添加环境变量
查看>>
windows下安装python包pip时出错DEPRECATION解决
查看>>