'Prototype'에 해당되는 글 1건

  1. 2014.07.15 jQuery 사용자 정의 함수 만들기

jQuery 사용자 정의 함수 만들기

Posted by 단순대왕 jQuery : 2014. 7. 15. 14:47

$의 jQuery 참조 보장

(function($){

$.say = function(what){ alert('I say ' + what); }

})(jQuery)


데이터를 처리하는 유틸리티 함수

$.toFixedWidth(value, length, fill) 

jquery.data-1.0.js


- 전달된 값(value)을 지정한 길이(length)의 고정폭 필드 형식으로 변경

- 선택값으로 채움 문자 지정

(function($){

$.toFixedWidth = function(value, length, fill){

var result = (value || '').toString();

fill = fill || '0';

var padding = length - result.length;

if(padding < 0){

result = result.substr(- padding);

}

else{

for(var n=0; n<padding; n++){

result = fill + result;

}

}

return result;

};

})(jQuery)


날짜 형식기 만들기

$.formatDate(date, pattern)

jquery.date-1.0.js


- 전달된 날짜를 제공된 패턴에 맞추어 형식화한다.

(function($){

$.formatDate = function(date, pattern){

var result = [];

while(pattern.length > 0){

$.formatDate.patternParts.lastIndex = 0;

var matched = $.formatDate.patternParts.exec(pattern);

if(matched){

result.push($.formatDate.patternValue[matched[0]].call(this, date));

pattern = pattern.slice(matched[0].length);

}

else{

result.push(pattern.charAt(0));

pattern = pattern.slice(1);

}

}

return result.join('');

}


$.formatDate.patternParts = /^(yy(yy)?|M(M(M(M)?)?)?|d(d)?|EEE(E)?|a|H(H)?|h(h)?|m(m)?|s(s)?|S)/;


$.formatDate.monthNames = [

'January','February','March','April','May','June',

'July','August','September','October','November','December'

];

$.formatDate.dayNames = [

'Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday'

];


$.formatDate.patternValue = {

yy: function(date){

return $.toFixedWidth(date.getFullYear(), 2);

},

yyyy: function(date){

return date.getFullYear().toString();

},

MMMM: function(date){

return $.formatDate.monthNames[date.getMonth()];

},

MMM: function(date){

return $.formatDate.monthNames[date.getMonth()].substr(0,3);

},

MM: function(date){

return $.toFixedWidth(date.getMonth()+1, 2);

},

M: function(date){

return date.getMonth()+1;

},

dd: function(date){

return $.toFixedWidth(date.getDate(), 2);

},

d: function(date){

return date.getDate();

},

EEEE: function(date){

return $.formatDate.dayNames[date.getDay()];

},

EEE: function(date){

return $.formatDate.dayNames[date.getDay()].substr(0, 3);

},

HH: function(date){

return $.toFixedWidth(date.getHours(), 2);

},

H: function(date){

return date.getHours();

},

hh: function(date){

var hours = date.getHours();

return $.toFixedWidth(hours > 12 ? hours - 12 : hours, 2);

},

h:function(date){

return date.getHours() % 12;

},

mm: function(date){

return $.toFixedWidth(date.getMinutes(), 2);

},

m: function(date){

date.getMinutes();

},

ss: function(date){

return $.toFixedWidth(date.getSeconds(), 2);

},

s: function(date){

return date.getSeconds();

},

S: function(date){

return $.toFixedWidth(date.getMilliseconds(), 3);

},

a: function(date){

return date.getHours < 12 ? 'AM' : 'PM';

}

}

})(jQuery)


'jQuery' 카테고리의 다른 글

jQuery 확장 메소드 만들기  (0) 2014.07.16
jQuery Deprecated API  (0) 2014.07.15
jQuery 확장  (0) 2014.07.15
jQuery Utility API  (0) 2014.07.15
jQuery 새로운 기술이 아니라 새로운 생각  (0) 2014.07.14
  
 «이전 1  다음»