monthpicker 예제 속시원내과 | 2019년 8월 3일

tlemens/jquery-ui-monthpicker에서 새로운 릴리스에 대한 알림을 원하십니까? 예를 들어 HTMLInputElement.value 속성을 사용하여 JavaScript에서 날짜 값을 얻고 설정할 수도 있습니다. 앞에서 설명한 것처럼 한 달 입력을 사용하면 실제 값이 항상 yyyy-mm 형식으로 정규화됩니다. 반면에 기본 구성에서 텍스트 입력은 날짜가 어떤 형식인지 알 수 없으며, 이는 사람들이 날짜를 작성하는 여러 가지 방법으로 인해 문제가 됩니다. 예를 들어 위의 값이 서버에 제출되면 bday-month=1978-06처럼 보입니다. 일부 초기 스타일은 css/jquery.monthpicker.css 파일에 추가됩니다. 원하는 대로 변경할 수 있습니다. 위의 예제에서 사용된 CSS는 다음과 같습니다. 여기서는 :valid 및 :잘못된 CSS 속성을 사용하여 현재 값이 유효한지 여부에 따라 입력의 스타일을 만듭니다. Chrome에서 생성된 콘텐츠가 양식 컨트롤 내부에 배치되고 스타일이 생기거나 효과적으로 표시될 수 없기 때문에 입력 자체가 아닌 입력 옆의 아이콘을 배치해야 했습니다. 다음은 월 선택기 구성 요소를 지역화하는 예입니다: 최소 및 최대 속성을 사용하여 사용자가 선택할 수 있는 날짜 범위를 제한할 수 있습니다. 다음 예제에서는 최소 1900-01 개월 및 1999-12의 최대 달을 지정합니다: mtz.monthpicker는 대화형 달력 UI에서 한 달만 선택할 수 있는 jQuery UI 날짜 선택기 위젯을 확장하는 jQuery 플러그인입니다. 또한 두 달 피커(시작 및 종료 날짜) 사이의 상호 의존성을 코딩하는 방법을 제공하는 이벤트도 있습니다. 지금 예제를 재생해보십시오 : 난 그냥 다른 날 날짜 선택기를 선택했다.

나는 당신을 도울 수있는 두 가지 흥미로운 예를 찾았지만 달력을 표시하지 않고어떻게할지 확실하지 않습니다. 대부분의 “날짜 선택기”는 캘린더를 보고 싶다고 가정합니다. 구성할 수 있는 몇 가지 사용자 지정 단추를 지정하는 사용자 지정 드롭다운을 찾는 것이 좋습니다. 관심있는 예의 다른 부분은 기능 검색 코드입니다. 브라우저가 <input type="month"를 지원하는지 여부를 감지하기 위해 새 요소를 만들고 해당 형식을 월로 설정한 다음 해당 형식이 설정된 것을 즉시 확인합니다. 유형 월을 지원하지 않는 브라우저는 텍스트가 반환됩니다. 가 지원되지 않는 경우 네이티브 선택기를 숨기고 대체 선택기 UI를 대신 표시합니다. 나는 잠시 뒤로 프로그램에서이 스크립트를 사용했다. 그것은 오래 된 동안, 그것은 잘 모든 브라우저에서 작동. “월 선택 달력”을 내려다 보면 그것이 당신이 찾고있는 것이라고 믿습니다.

새 창(ew)에 캘린더가 열리지만 1설정(예: 2번째 예)이 있는 예제에서는 ala jQuery가 표시됩니다.

Comments are closed.