Calendar

Calendar Basic

날짜, 시간을 입력 받기 위한
Calendar컴포넌트를 이용하여 기능 구현방법을 제시합니다.

Cablendar_Basic_0

DataSet 바인딩

Calendar은 Dataset과 바인딩 하여 표현할 수 있습니다.

Type에 따른 다양한 표현

normal, spin, monthonly 등의 속성 설정을 통해 Calendar 의 다양한  표현이 가능합니다.

Default날짜 설정

this.Calendar_Basic_onload = function (obj:Form, e:LoadEventInfo)
{
    this.cal_today.set_expr("expr:comp.parent.Today()");
    this.cal_before.set_expr("expr:comp.parent.before()");
    this.cal_last.set_expr("expr:comp.parent.Last()");  
}
폼의   onload 이벤트에서   Calendar의 디폴트 값을 설정합니다.
this.Today = function ()
{
    var sToday = "";
    var objDate = new Date();
    var sToday  = objDate.getFullYear() + "";
    var sMonth = objDate.getMonth()+1;
    var sDate = objDate.getDate();
    

    if(sMonth.toString().length == 1){
      sMonth = "0" + sMonth;
    }
    if(sDate.toString().length == 1){
      sDate = "0" + sDate;
    }
    sToday = sToday+sMonth+sDate;    
    return sToday;
}
this.before = function ()
{
    var bDate = "";
    var objDate = new Date();
    objDate.addDate(-1);
    var bDate  = objDate.getFullYear() + "";
    var sMonth = objDate.getMonth()+1;
    var sDate = objDate.getDate();
    if(sMonth.toString().length == 1){
       sMonth = "0" + sMonth;
    }
    if(sDate.toString().length == 1){
       sDate = "0" + sDate;
    }
    bDate = bDate+sMonth+sDate;
    return bDate;
   
}    
this.Last = function ()
{
    var objDate2 = new Date();
    objDate2.addMonth(1);
    objDate2.setDate(1);
    objDate2.addDate(-1);
    var last_date  = objDate2.getFullYear() + "";
    var sMonth = objDate2.getMonth()+1;
    var sDate = objDate2.getDate();
    if(sMonth.toString().length == 1){
       sMonth = "0" + sMonth;
    }
    if(sDate.toString().length == 1)
    {
       sDate = "0" + sDate;
    }
    last_date = last_date+sMonth+sDate;
    return last_date;
}

날짜 선택방법을 Spin형태로 표현할 수 있나요?

소스 위치

Sample\Calendar\np_Calendar_Basic.xfdl