A

간단한 날짜입력용 자바스크립트 달력입니다.

· 17년 전 · 2797
var Calendar = Class.create();

Calendar.prototype = {

    initialize : function(e, obj) {

        this.event = (e) ? e : window.event;
        this.obj = obj;

        this.today = this.today = new Date();
        this.year = this.today.getFullYear();
        this.month = this.today.getMonth();
        this.date = 1;


        this.dayIndex = new Array('일','월','화','수','목','금','토');
        this.lastDate = new Array(31,  28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31);

        this.calWin = window.open('', 'calendar', 'width=200,height=180,top='+(this.event.clientY+100)+',left='+this.event.clientX);
        this.makeCal();
    },

    makeCal : function(type, addSub) {
        this.newDate = new Date(this.year, this.month, this.date);
        if(type && addSub) {
            if(type == 'year') {
                if(addSub == 'add') this.newDate.setFullYear(this.newDate.getFullYear()+1); else this.newDate.setFullYear(this.newDate.getFullYear()-1);
            } else if(type == 'month') {
                if(addSub == 'add') this.newDate.setMonth(this.newDate.getMonth()+1); else this.newDate.setMonth(this.newDate.getMonth()-1);
            }
        }

        this.year = this.newDate.getFullYear();
        this.month = this.newDate.getMonth();
        this.day = this.newDate.getDay();

        if(((this.year%4 == 0) && (this.year%100 != 0)) || (this.year%400 ==0)) {
            this.lastDate[1] = 29;
        } else {
            this.lastDate[1] = 28;
        }

        _cal = this;

        this.calsrc = "<table border='0' cellpadding='0' cellspacing='1' borderColor='#eeeeee' width='100%'>\n";
        this.calsrc += "<tr>\n";
        this.calsrc += "<td><span onClick=opener._cal.makeCal('year','sub')><<</span> <span onClick=opener._cal.makeCal('month','sub')><</span></td>\n";
        this.calsrc += "<td>"+this.newDate.getFullYear()+"년 "+(this.month+1)+"월</td>\n";
        this.calsrc += "<td><span onClick=opener._cal.makeCal('month','add')>></span> <span onClick=opener._cal.makeCal('year','add')>>></span></td>\n";
        this.calsrc += "</tr>\n";
        this.calsrc += "</table>\n";
        this.calsrc += "<table border='0' cellpadding='0' cellspacing='1' borderColor='#eeeeee' width='100%'>\n";
        this.calsrc += "<tr>\n";
        for(i=0; i<this.dayIndex.length; i++) {
            this.calsrc += "<td>"+this.dayIndex[i]+"</td>\n";
        }
        this.calsrc += "</tr>\n";
        for(i=0; i<this.day+this.lastDate[this.newDate.getMonth()];i++) {
            if(!(i%7)) {
                this.calsrc += "</tr>\n";
                this.calsrc += "<tr>\n";
            }

            if(i >= this.day) {
                this.calsrc += "<td><span onClick=opener._cal.setDate('"+((i-this.day)+1)+"')>"+((i-this.day)+1)+"</td>\n";
            } else {
                this.calsrc += "<td></td>\n";
            }
        }
        this.calsrc += "</tr>\n";
        this.calsrc += "</table>\n";

        this.calWin.document.open();
        this.calWin.document.clear();
        this.calWin.document.write(this.calsrc);
        this.calWin.document.close();
    },

    fillZero : function(len, value) {
        var value = value.toString();
        var addLen = len - value.length;
        for(i=0; i<addLen; i++) {
            value = "0"+value;
        }
        return value;
    },

    setDate : function(day) {
        $(this.obj).value = this.year+'-'+this.fillZero(2,this.month+1)+'-'+this.fillZero(2,day);
        this.calWin.close();
    }
}



<input type="text" name="date" id="date'><input type="button" onClick="new Calendar(event, 'date')" value="달력" />

이렇게 사용하면 됩니다.
급조하느라 부족한부분이 많습니다.
[이 게시물은 관리자님에 의해 2011-10-31 16:57:14 JavaScript에서 이동 됨]
|
댓글을 작성하시려면 로그인이 필요합니다. 로그인

프로그램

+
제목 글쓴이 날짜 조회
17년 전 조회 1,627
17년 전 조회 1,460
17년 전 조회 2,530
17년 전 조회 1,496
17년 전 조회 1,088
17년 전 조회 1,221
17년 전 조회 3,098
17년 전 조회 2,162
17년 전 조회 1,967
17년 전 조회 1,212
17년 전 조회 2,447
17년 전 조회 1,167
17년 전 조회 1,127
17년 전 조회 1,373
17년 전 조회 2,737
17년 전 조회 2,392
17년 전 조회 2,478
17년 전 조회 1,177
17년 전 조회 1,295
17년 전 조회 3,243
17년 전 조회 2,828
17년 전 조회 4,096
17년 전 조회 2,258
17년 전 조회 2,353
17년 전 조회 1,402
17년 전 조회 2,520
17년 전 조회 2,207
17년 전 조회 2,966
17년 전 조회 2,475
17년 전 조회 1,639
17년 전 조회 2,431
17년 전 조회 1,588
17년 전 조회 1,174
17년 전 조회 2,236
17년 전 조회 2,881
17년 전 조회 4,056
17년 전 조회 3,146
17년 전 조회 1,414
17년 전 조회 1,706
17년 전 조회 2,245
17년 전 조회 1,547
17년 전 조회 1,722
17년 전 조회 2,716
17년 전 조회 2,139
17년 전 조회 1,792
17년 전 조회 4,198
17년 전 조회 3,044
17년 전 조회 1,437
17년 전 조회 3,570
17년 전 조회 2,798
17년 전 조회 2,077
17년 전 조회 1,294
17년 전 조회 2,330
17년 전 조회 2,066
17년 전 조회 1,981
17년 전 조회 1,922
17년 전 조회 1,174
17년 전 조회 1,878
17년 전 조회 2,931
17년 전 조회 1,432
17년 전 조회 1,674
17년 전 조회 1,355
17년 전 조회 1,603
17년 전 조회 1,577
17년 전 조회 1,448
17년 전 조회 2,562
17년 전 조회 2,325
17년 전 조회 2,107
17년 전 조회 1,416
17년 전 조회 2,430
17년 전 조회 4,253
17년 전 조회 2,740
17년 전 조회 1,660
17년 전 조회 1,853
17년 전 조회 3,230
17년 전 조회 2,231
17년 전 조회 3,828
17년 전 조회 1,675
17년 전 조회 2,272
17년 전 조회 2,101
17년 전 조회 1,616
17년 전 조회 2,132
17년 전 조회 1,928
17년 전 조회 1,965
17년 전 조회 3,077
17년 전 조회 2,150
17년 전 조회 1,439
17년 전 조회 1,462
17년 전 조회 2,127
17년 전 조회 3,204
17년 전 조회 2,140
17년 전 조회 1,532
17년 전 조회 4,237
17년 전 조회 2,026
17년 전 조회 3,460
17년 전 조회 6,033
17년 전 조회 1,485
17년 전 조회 1,655
17년 전 조회 1,238
17년 전 조회 1,350
🐛 버그신고