! 제품 버전을 정확하게 입력해 주세요.
제품 버전이 정확하게 기재되어 있지 않은 경우,
최신 버전을 기준으로 안내 드리므로
더욱 빠르고 명확한 안내를 위해
제품 버전을 정확하게 입력해 주세요!
제품 버전 확인하기

Calendar 내 버튼 문의 > Q&A | 토론

본문 바로가기
로그인

로그인후 이용해주세요

아직 회원이 아니신가요?

회원가입
로그인
MESCIUS 카카오톡 채널 추가
메시어스 +
카카오톡 채널 추가를 통해 MESCIUS의 최신 정보, 이벤트, 세미나 정보를 빠르게 받아 보실수 있습니다
홈 링크 페이스북 링크 유튜브 링크

Wijmo

Q&A | 토론 - Angular

Angular Calendar 내 버튼 문의

페이지 정보

작성자 111234
프로필 보기 쪽지 보내기
작성일 2023-12-28 14:56 조회 80회 댓글 3건
제품 버전 : 5.20222.877
컨트롤 이름 : Calendar

본문

안녕하세요

캘린더 내에 표시되는 버튼들 중에 "오늘"을 선택하는 버튼의 기능에 대해 문의드립니다.


우선 캘린더 헤더 영역에 있는 버튼 세개는 순서대로 이전달, 오늘, 다음달을 선택하는 버튼으로 알고있습니다.


그 중 오늘을 선택하는 버튼이 SelectionMode가 day 인 상태에서는 오늘 날짜가 선택되는데 month모드에서 오늘 버튼을 누르면 오늘이 속한 달의 1일이 선택되는것 같습니다.

(금일 기준 데모에서 테스트 시 12/28이 아닌 12/01이 선택됨)

month 선택모드에서도 "오늘" 버튼 클릭 시 1일이 아닌 12/28일이 선택되게 하려면 어떻게 하면 되나요?


  • 페이스북으로 공유
  • 트위터로 공유
  • 링크 복사
  • 카카오톡으로 보내기

댓글목록

MESCIUS루시님의 댓글

MESCIUS루시
프로필 보기 쪽지 보내기
작성일

안녕하세요 메시어스입니다.

문의하신 내용은 확인 후 답변드리도록 하겠습니다.

감사합니다.
메시어스 드림

111234님의 댓글의 댓글

111234
프로필 보기 쪽지 보내기
작성일

답변에 댓글을 달았으나 답변 댓글 알림이 가는지 몰라 여기에도 남깁니다. 아래 내용 확인 후 답변 바랍니다.

MESCIUS루시님의 댓글의 댓글

MESCIUS루시
프로필 보기 쪽지 보내기
작성일

안녕하세요 메시어스입니다.

해당 문의 확인 중에 있으며 관련하여 업데이트가 되는대로 안내드리겠습니다.

감사합니다.
메시어스 드림 

3 답변

Angular Re: Calendar 내 버튼 문의

추천0 이 글을 추천하셨습니다 비추천0

페이지 정보

작성자 MESCIUS루시
프로필 보기 쪽지 보내기
작성일 2024-01-04 10:25 댓글 1건

본문

안녕하세요 메시어스입니다.


먼저 오랜 기간 기다려주신 점 감사합니다.


본사 개발팀에 확인해본 결과 이는 디자인된 동작이지만 해당 동작을 수정할 수 있습니다. 선택한 월이 현재 월인 경우, 현재 날짜를 반환하기 위해서 calendar 클래스의 내부 메서드를 업데이트해야 합니다.  


(Calendar.prototype as any)._getMonth = function (e) {
  var t = wijmo.DateTime;
  e = e || t.newDate();
  var isCurrentMonth = e.getMonth() === t.newDate().getMonth() ? e.getDay() : 1;
  return t.newDate(e.getFullYear(), e.getMonth(), isCurrentMonth);
};


자세한 코드는 아래 샘플에서 확인할 수 있습니다.




다른 궁금한 점이 생기면 문의주시기 바랍니다.


감사합니다.

메시어스 드림

댓글목록

111234님의 댓글

111234
프로필 보기 쪽지 보내기
작성일

답변 내용 적용하여 오늘 날짜가 세팅되는것을 확인하였으나 실제 화면에서 사용할때는 selectionMode를 Month로 설정하여 사용하지 않습니다.
InputDate와 InputDateRange에서 selectionMode가 기본값인 Day일때 해당 로직을 적용한 후 표시되는 캘린더에 버그가 있어 재확인 요청드립니다.
답변 샘플코드에서 selectionMode를 제거했을때 동일한 현상이 나타나고 있습니다. 답변으로 캡쳐본 등록하겠습니다.
빠른 확인 부탁드립니다.

Angular Re: Calendar 내 버튼 문의

추천0 이 글을 추천하셨습니다 비추천0

페이지 정보

작성자 111234
프로필 보기 쪽지 보내기
작성일 2024-01-16 17:04 댓글 0건

본문

3819389a588232626dca266102e14889_1705392182_1739.jpg
위 이미지와 같이 2022년 12월 캘린더가 표시됩니다..

댓글목록

등록된 댓글이 없습니다.

Angular Re: Calendar 내 버튼 문의

추천0 이 글을 추천하셨습니다 비추천0 채택채택

페이지 정보

작성자 MESCIUS루시
프로필 보기 쪽지 보내기
작성일 2024-01-18 11:09 댓글 0건

본문

안녕하세요 메시어스입니다.


_getMonth 기능을 사용하여 날짜를 표시하는데 selectionMode가 'Day'로 설정되었을 때 달력에 해당 월의 날짜만 표시되어서 해당 현상이 나타난 것으로 파악되었습니다. 이를 해결하기 위해 이전 코드를 제거하고 아래 코드와 같이 _navigate 내부 메서드만 업데이트하여 현재 날짜를 달력 값으로 설정해주시기 바랍니다.

(Calendar.prototype as any)._navigate = function (skip) {
  var monthView = this.monthView,
    dispMonth = this.displayMonth,
    dt = wijmo.DateTime;
  switch (skip) {
    // today/this month
    case 0:
      var today = dt.newDate();
      if (this._canChangeValue()) {
        this.value = dt.fromDateTime(today, this.value); // select today's date, in any SelectionMode
      }
      dispMonth = this._getMonth(today); // show today's month
      break;
    // show next month/year (keeping current value)
    case +1:
      dispMonth = dt.addMonths(dispMonth, monthView ? +1 : +12);
      break;
    // show previous month/year (keeping current value)
    case -1:
      dispMonth = dt.addMonths(dispMonth, monthView ? -1 : -12);
      break;
  }
  // apply new displayMonth
  this.displayMonth = dispMonth;
};


감사합니다.
메시어스 드림

댓글목록

등록된 댓글이 없습니다.

메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기

카테고리

인기글

더보기

최신글

더보기

셀럽

최근 7일 종합
메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
이메일 : sales-kor@mescius.com | 전화 : 1670-0583 | 경기도 과천시 과천대로 7길 33, 디테크타워 B동 1107호 메시어스(주) 대표자 : 허경명 | 사업자등록번호 : 123-84-00981 | 통신판매업신고번호 : 2013-경기안양-00331 ⓒ 2024 MESCIUS inc. All rights reserved.