jQuery 썸네일형 리스트형 [w2ui] w2ui 캘린더 한글 달력으로 변환히기 ※ 해당포스팅은 [w2ui] w2ui 설정하기의 세팅에서 설정한 내용을 기본으로 하여 작성되었습니다. ■ w2ui기본 캘린더 출력 01. 아래는 w2ui 기본 캘린더를 출력하는 예제이다. w2ui_date.php US Format Date: EU Common Format Date: 02. 출력하면 아래와 같은 결과가 나오는 것을 확인 할 수 있다. ① US Format ② EU Common Format ■ 한국시간 형식에 맞게 변환한 캘린더 출력하기 01. 사용중인 w2ui-1.4.3.js를 텍스트 에디터로 오픈한다. 02. 아래 코드 내용에서 영문으로 날짜형식이 세팅된 것을 확인 할 수 있다. w2ui-1.4.3.js(수정전) var w2utils = (function () { var tmp = {};.. 더보기 [w2ui] w2ui 설정하기 ※ 해당 포스팅의 w2ui 설정에 사용된 *js, *.css 파일 버전 -. jquery-2.1.0.min.js -. w2ui-1.4.3.js -. w2ui-1.4.3.css 01. http://w2ui.com/web/home 사이트에 접속해서 w2ui 사용에 필요한 *.js, *.css 파일을 다운받는다. 02. 다운받은 w2ui-1.4.3.zip 파일의 압축을 해제하고 아래 순서대로 작업을 수행한다. ① js폴더를 만들고 압축해제한 w2ui-1.4.3.js, w2ui-1.4.3.min.js 파일을 js폴더로 이동시킨다. ② css폴더를 만들고 압축해제한 w2ui-1.4.3.css, w2ui-1.4.3.min.css 파일을 css폴더로 이동시킨다. 03. jQuery도 준비를 해야 하는데 jQuery는.. 더보기 [FullCalendar] 전월, 익월 버튼 클릭시 날짜값 받아오기. 익월, 전월의 날자값을 받아와야 하는경우가 있다.FullClendar에서 '(익월)'버튼을 클릭하였을경우의해당월의 첫번째 값을 받아오는 예제이다. 01. 전월, 익월 버튼을 클릭하였을 경우 해당월의 날짜값을 받아오는 예제 calendar_month.php 풀캘린더 02. 출력결과① 상단 오른쪽 '' 버튼을 클릭하면 이전, 다음 달로 넘어가게된다. ② '>' 버튼을 클릭하였을때. 다음달의 첫번째 날의 값을 경고창으로 띄우는 것을 볼 수 있다. 더보기 [FullCalendar] eventClick 기능을 사용하여 클릭효과 생성 01. eventClick기능을 사용하면 선택한 이벤트에 클릭 기능을 추가할 수 있다. calendar_eventClick.php 풀캘린더 02. 등록한 이벤트를 클릭하면 아래와같은 순서로 작업이 진행될 것이다. ① 이벤트를 클릭하면 알림창이 뜬다. ② 위 알림창에서 확인 버튼을 클릭하면 지정한 URL의 팝업창이 나타날 것이다. 더보기 [FullCalendar] eventRender를 이용한 해당일에 이미지 나타내기 01. eventRender를 이용하여 FullCalendar의 특정날짜에 이미지를 추가하여 보자. 코드는 아래와 같다. calendar_images.php 풀캘린더 02. 출력결과 더보기 이전 1 ··· 8 9 10 11 12 13 14 ··· 21 다음
