일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
- 쇼핑몰
- CGIMALL
- #jQuery
- #홈페이지제작
- 게시판
- #홈페이지
- 웹솔루션
- #CSS
- #image
- #웹솔루션
- 홈페이지
- #업종별
- #cgimall
- #솔루션
- #쇼핑몰
- 사이트제작
- javascript
- 해피CGI
- #뉴스
- #happycgi
- jquery
- #해피CGI
- happycgi
- php
- #동영상
- 홈페이지제작
- 해피씨지아이
- #이미지
- 솔루션
- CSS
- Today
- Total
목록Calendar (10)
웹솔루션개발 22년 노하우! 해피CGI의 모든것
월별, 주별, 일별 달력을 제공하며 드래그를 통한 이벤트 생성 및 편집이 가능한 TOAST UI Calendar 입니다. https://nhn.github.io/tui.calendar/latest/tutorial-00-calendar-app 페이지에서 다양한 샘플 데모를 확인이 가능 합니다. 사용방법은 한글로 된 메뉴얼이 제공되고 있습니다. https://github.com/nhn/tui.calendar/blob/main/docs/ko/README.md 최신버전의 소스 다운로드는 아래 github에서 할 수 있습니다. https://github.com/nhn/tui.calendar
GC-Calendar는 월별로 애니메이션과 매력적인 이벤트 캘린더를 만드는 데 도움이 되는 가벼운 jQuery 플러그인입니다. 완벽하게 반응하며 CSS3 애니메이션을 사용하여 월 간에 전환할 때 부드러운 슬라이드 전환을 제공합니다. 다운로드 받은 파일의 압축을 해제한 뒤, index.html 파일을 웹브라우저로 열어보면 확인이 가능합니다. 화살표를 이용해서 화면에 표시되는 월 이 변경될 때, 애니메이션을 이용해서 달력 전환이 생깁니다. 사용법은 아래와 같습니다.
첨부된 파일의 압축을 해제한 뒤 웹브라우저로 demo/index.html 파일을 열어보면 데모 확인이 가능합니다. 아래와 같은 특징이 있습니다. - AJAX GET 요청을 사용하여 달력에 날짜 이벤트를 추가할 수 있습니다 . 응답은 지정된 형식으로 JSON 인코딩된 이벤트 배열을 반환해야 합니다. Bootstrap JS 모달 창 을 사용하십시오 . 정보는 이벤트 당일 클릭으로 표시됩니다. - 달력에 표시되는 날짜 이벤트의 스타일을 명확히 하기 위해 범례를 추가할 수 있습니다. - 달력은 여러 언어를 지원합니다. - 특정 날짜에 onclick 이벤트가 발생할 때 실행할 함수를 캘린더에 추가할 수 있습니다. - 여러 가지 방법으로 캘린더의 탐색 및 모양을 변경할 수 있습니다. 기본적인 달력은 위 그림과 같습..
Dynamic Calendar 는 추가 라이브러리를 필요로 하지 않습니다. data-lang 라고 하여 나라별 언어를 설정할 수 있습니다. 사용방법은 https://www.codehim.com/date-time/dynamic-calendar-in-javascript-with-example/ 에서 확인 가능합니다. 소스파일 보시면 data-lang 설정이 있으며 en, id, fr 3가지 설정가능 하며 한국어가 없어서 ko 항목을 추가 적용하여 소스를 제공했습니다.
Powerful Calendar는 Jquery를 기반으로 구축된 가볍고 빠르며 다양한 이벤트를 제공하는 달력 입니다. 사용방법은 https://www.jqueryscript.net/time-clock/powerful-calendar.html 페이지에서 확인이 가능 합니다.
심플한 달력입니다. 익스플로러에서는 정상작동을 하지 않습니다. 파일내에 html 파일 및 css가 있습니다 ^^
여러개의 날짜를 선택할 수 있는 Javascript 로 제작된 달력입니다. 다운로드 받은 파일의 압축을 해제한후 demo/index.html 파일을 웹브라우저로 열어보면 확인이 가능합니다. 날짜를 입력받기 위한 입력폼을 클릭해보면 아래 그림과 같이 달력이 화면에 표시가 됩니다. 일반적인 달력들은 보통 1개의 날짜를 선택하기 위한 목적으로 사용이 됩니다만, 이 달력 프로그램은 위 화면의 달력에서 쉬프트키를 누르고 날짜를 클릭하면 해당 구간을 지정할 수 있는 특징이 있습니다. 검은색 계열의 스킨도 있네요. 보통의 달력 프로그램들 처럼 날짜를 입력 받는 폼이 있는 위치에 달력을 표시하는 기능도 있네요. Jquery 와 같은 라이브러리를 이용하지 않고 순수 Javascript 로만 제작된 달력 프로그램입니다.
Jquery 를 이용해서 구현된 달력스크립트 입니다. 다운로드 받은 파일의 압축을 해제해서 index.html 을 웹브라우져로 열어보면 됩니다. 꽤 다양한 방식으로 날짜를 입력받을수 있는 예제가 있네요. 한글도 지원은 하지만, 데모에서는 지원을 하지 않도록 해뒀네요. jquery.datetimepicker.js 의 소스코드를 열어보니 다양한 국가의 언어를 지원해주며 한국 같은 경우 kr 이란 언어셋으로 변경하면 되네요. $.datetimepicker.setLocale('kr'); 달력의 언어 변경 외에도 달력을 이용해서 입력받는 날짜의 포맷팅도 조절이 가능합니다. 사용하는 방법을 정리해둔 사이트도 있는데, http://xdsoft.net/jqplugins/datetimepicker/ 네요 출처는 http..
- 설명 PHP-Calendar는 간단한 웹 기반 달력입니다. 실제 달력에서 손쉽게 이벤트를 추가/수정/관리 할 수 있도록 제작 되었습니다. - 설치방법 1. 첨부된 파일을 다운로드 받아 압축을 해제한 뒤 해당 파일들을 자신의 호스팅에 업로드 합니다. 2. 업로드한 파일 중 install.php 파일을 웹에서 호출 한 뒤 [install] 버튼을 클릭 합니다. (최초 접속시 index.php 로 접속하면 install.php 로 자동 이동 됩니다.) 3. MySQL 계정 ID, 비밀번호, DB명, DB Prefix 명(DB테이블 앞에 구분자) 을 입력한 뒤 [install] 버튼을 클릭 합니다. - DB가 없는 경우 DB 생성 권한이 있는 계정 정보를 입력 한 뒤 "Create the database (..