본문 바로가기

jQuery/w2ui

[w2ui] w2ui 텍스트 필드에서 시간 설정하기 ■ w2ui 텍스트 필드에서 시간 설정하기 01. w2ui의 텍스트 필드에서 시간을 나타내 보자. w2ui_time.php 한국시간 Time: 02. 출력결과는 아래와 같다. ■ w2ui 텍스트 필드에서 시간 설정 제한하기 01. 이번엔 선택할 수 있는 시간에 제한을 두어보자. w2ui_time_limit.php 한국시간 Time: (08:00 am ~ 04:30 pm 까지) 02. 출력결과는 아래와 같다. 더보기
[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는.. 더보기