datepicker
-
안녕하세요. 이사작전.com의 개발자 말랑고양입니다. 오늘은 달력만드는 방법을 공유하려합니다.Bootstrap을 사용하지 않은 달력입니다. 여러가지 추가 옵션들도 많고, 앞으로 저는 이것을 사용하게 될 것 같습니다. 1. 첫 번째 Ctrl + c v 2. 두 번째 Ctrl + c v$(".selector").flatpickr({ enableTime: true, dateFormat: "Y-m-d H:i", }); 구현 끝. flatpickr 공식 홈페이지 : https://flatpickr.js.org/getting-started/맨날 달력 구현에 애를 먹었었는데, 외국인 아저씨가 좋은 것을 만들어주셨군요. 옵션도 이것저것 많습니다. 아주 복잡한 달력 기능을 요구하는 프로젝트가 아니라면 flatpickr ..
[jQuery] 달력만들기, 두 번 클릭으로 구현되는 세상에서 가장 쉬운 달력 flatpickr안녕하세요. 이사작전.com의 개발자 말랑고양입니다. 오늘은 달력만드는 방법을 공유하려합니다.Bootstrap을 사용하지 않은 달력입니다. 여러가지 추가 옵션들도 많고, 앞으로 저는 이것을 사용하게 될 것 같습니다. 1. 첫 번째 Ctrl + c v 2. 두 번째 Ctrl + c v$(".selector").flatpickr({ enableTime: true, dateFormat: "Y-m-d H:i", }); 구현 끝. flatpickr 공식 홈페이지 : https://flatpickr.js.org/getting-started/맨날 달력 구현에 애를 먹었었는데, 외국인 아저씨가 좋은 것을 만들어주셨군요. 옵션도 이것저것 많습니다. 아주 복잡한 달력 기능을 요구하는 프로젝트가 아니라면 flatpickr ..
2018.08.02 -
[jQuery] bootstrap3 datepicker minDate, MaxDate 사용하기 bootstrap datepicker는 다루기 어렵네요 ^ ^; 달력에서, 서비스 제공자가 원하는minDate 혹은 MaxDate를 넘어가는 값을 선택했다면오늘 날짜로 바꿔지도록 꼼수를 써봤습니다. javascript 1234567891011121314151617181920212223242526272829 $('#DATE_FROM').datepicker({ format: "yyyy-mm-dd", language: "kr", autoclose: true, todayHighlight: true, constrainInput: false }).datepicker( "setDate", new Date(new Date()..
[jQuery] bootstrap3 datepicker minDate, MaxDate 사용하기[jQuery] bootstrap3 datepicker minDate, MaxDate 사용하기 bootstrap datepicker는 다루기 어렵네요 ^ ^; 달력에서, 서비스 제공자가 원하는minDate 혹은 MaxDate를 넘어가는 값을 선택했다면오늘 날짜로 바꿔지도록 꼼수를 써봤습니다. javascript 1234567891011121314151617181920212223242526272829 $('#DATE_FROM').datepicker({ format: "yyyy-mm-dd", language: "kr", autoclose: true, todayHighlight: true, constrainInput: false }).datepicker( "setDate", new Date(new Date()..
2017.07.06