thomasJang / axisj

javascript UI library
http://axisj.com/
GNU Lesser General Public License v2.1
310 stars 86 forks source link

AXCalendar 에서 선택한 날짜 가져오는 법? #980

Open yeono opened 7 years ago

yeono commented 7 years ago

안녕하세요. axisj 로 프로젝트를 진행하면서 잘쓰고 있습니다. 감사합니다~~!

궁금한 점은 펼쳐진 달력에 대한 것인데요. 샘플페이지에서 보니 AXCalendar를 발견했어요! 와우!

AXCalendar에서 선택한 날짜로 세팅해주고, 펼쳐진 달력으로 그려준 것까지는 샘플에서 확인을 했는데요.

다른 날짜를 클릭한 경우 해당 날짜를 어떻게 가져오는지 도통 함수를 못 찾었습니다.. 그래서 질문드려요~

  1. AXCalendar에서 어떻게 해야지 선택한 날짜를 가져올 수 있을까요?
  2. AXCalendar에서 선택한 날짜 값을 얻을 수 없다면,,
    input 에서 data-axbind="date" 값으로 달력을 사용할 때.. 펼쳐진 달력이 고정된 형태로 사용하는 방법은 없는지요?

운영자분의 노고에 항상 감사드립니다.

thomasJang commented 7 years ago

http://ax5.io/ax5ui-calendar/demo/index.html 여기에 필요한게 다 나와 있겠습니다.

lhslive commented 7 years ago
                        var mycalendar_body = mycalendar.config.targetID
            $(document).on("click","#"+mycalendar_body+" a",function(){
                var cal_id = $(this).attr('id');
                var cal_arr = cal_id.split("_")
                var cal_arr_len = cal_arr.length;
                var cal_type = cal_arr[cal_arr_len-1]
                var cal_value = cal_arr[cal_arr_len-3]
                switch(cal_type){
                    case "date":
                        mycalendar.dayPageSetDay(cal_value);
                        break;
                    case "month":
                        var dt = new Date();
                        var year = dt.getFullYear();
                        var day_val
                        if (cal_value.length < 2) {
                             day_val = (year + "-" + "0"+cal_value + "-" + "01").date();                          
                        }else{
                             day_val = (year + "-" + cal_value + "-" + "01").date();
                        }
                        mycalendar.monthPageSetMonth(day_val);
                        break;
                    case "year":
                        var dt = new Date();
                        var mon = dt.getMonth()+1;
                        var day_val =  (cal_value + "-" + mon + "-" + "01").date();                           
                        mycalendar.yearPageSetYear(cal_value);
                        break;
                }
            });