📂 JS 실습하기/그외 도전작
[ 자바스크립트 ] 나만의 "dateString()" 함수 만들기 ─ 2 🕔 2015. 4. 22.
앞에서 만든 "dateString()" 함수에, 프로토타입 (prototype)을 몇개 추가하였다.
☞ 나만의 "dateString()" 함수 만들기 ─ 1
function dateString ( year, month, day ) { var date = year || new Date(); var month = month - 1 || date.getMonth(); var week; if ( typeof year == 'number' ) { date = new Date ( year,month,day ); week = date.getDay(); } else week = date.getDay(); this.monthArray = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December']; this.weekArray = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday']; this.get_month = function () { return this.monthArray [ month ]; }; this.get_week = function () { return this.weekArray [ week ]; }; return null; } dateString.prototype.toAbbr = function () { this.monthArray = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; this.weekArray = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']; } dateString.prototype.toKorean = function () { this.monthArray = ['1월', '2월', '3월', '4월', '5월', '6월', '7월', '8월', '9월', '10월', '11월', '12월']; this.weekArray = ['일요일', '월요일', '화요일', '수요일', '목요일', '금요일', '토요일']; }
<button onclick="getAbbr()"> 클릭하세요 </button> <p id="abbrMonth"></p> <p id="abbrWeek"></p> <script type="text/javascript"> function getAbbr () { var str = new dateString (); str.toAbbr (); var month = str.get_month (); var week = str.get_week (); document.getElementById( 'abbrMonth' ).innerHTML = month; document.getElementById( 'abbrWeek' ).innerHTML = week + '.'; } </script>
<p id="abbrMonth"></p>
<p id="abbrWeek"></p>
<button onclick="getKorean()"> 클릭하세요 </button>
<p id="korMonth"></p>
<p id="korWeek"></p>
<script type="text/javascript">
function getKorean () {
var str = new dateString ();
str.toKorean ();
var month = str.get_month ();
var week = str.get_week ();
document.getElementById( 'korMonth' ).innerHTML = month;
document.getElementById( 'korWeek' ).innerHTML = week;
}
</script>
<p id="korMonth"></p>
<p id="korWeek"></p>
이 블로그에서 함께 볼만한 글
☞ Date()함수에 프로토타입 (prototype)을 추가하기
이 내용이 도움이 되셨나요? *^^*
'JS 실습하기 > 그외 도전작' 카테고리의 다른 글
[ 자바스크립트 ] 리스트 정렬하기 (0) | 2015.05.21 |
---|---|
[ 자바스크립트 ] 테이블 정렬하기 (5) | 2015.04.23 |
[ 자바스크립트 ] 나만의 "dateString()" 함수 만들기 ─ 1 (0) | 2015.04.21 |
[ 자바스크립트 ] 로또 번호 생성기 1 (0) | 2015.03.25 |
[ 자바스크립트 ] 구버전용 벽시계 (0) | 2015.03.06 |