해봤으니 씁니다

에러 해결 기록과 실사용 후기.

IT/Bootstrap

캘린더 사용 시 기간으로 선택 하는 경우 하나의 캘린더에서 처리되면 쉽게 가능하겠지만입력란을 2개로 나눠서 입력 받는 경우 2개의 datepicker가 연동되어From 날짜가 To 날짜 보다 작아야하고 To 날짜가 From 날짜보다 커야 합니다. 그런 경우에 적용 할 수 있는 샘플 코드입니다. 각각의 Date Picker에서 선택 시 SetStartDate 및 setEndDate 를 설정하도록 되어있습니다.소스 자체는 어려울 것이 없으니 아래 소스코드를 확인해주세요. $(".from_date").datepicker({ format: 'yyyy-mm-dd', autoclose: true, }).on('changeDate', function (selected) { var startDate = new Date..

2017. 8. 4.

IT/Bootstrap

부트스트랩 select 플러그인(bootstrap-select)으로 만든 드롭다운은 자바스크립트로 값이나 옵션을 바꿔도 화면이 바로 바뀌지 않습니다. 값을 바꾼 뒤에는 화면을 다시 그리는 명령을 한 번 더 불러야 합니다. 이 글에서는 값 설정, 옵션 교체, 초기화 방법을 정리했습니다.1. 값 설정하기// 단일 값 선택$('#mySelect').selectpicker('val', 'ABC');// 여러 개 선택 (multiple 속성이 있는 select)$('#mySelect').selectpicker('val', ['ABC', 'DEF']);selectpicker('val', 값)은 값을 넣고 화면까지 함께 갱신합니다. 일반적인 방법으로 select의 value만 바꾼 경우에는 화면이 갱신되지 않으니 아..

2017. 7. 9.