일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- #cgimall
- 쇼핑몰
- 해피CGI
- #해피CGI
- javascript
- #jQuery
- 웹솔루션
- php
- #이미지
- #뉴스
- #웹솔루션
- #홈페이지
- 홈페이지제작
- #image
- #쇼핑몰
- jquery
- CGIMALL
- 해피씨지아이
- CSS
- #동영상
- #업종별
- 사이트제작
- 게시판
- 홈페이지
- #솔루션
- 솔루션
- #CSS
- #happycgi
- #홈페이지제작
- happycgi
- Today
- Total
목록날짜 (5)
웹솔루션개발 25년 노하우! 해피CGI의 모든것
다운로드 받은 파일의 압축을 해제한 후, examples/index.html 파일을 웹브라우저로 열어보면 달력을 이용해서 날짜를 선택하는 데모를 확인해볼수 있습니다. 단순히 날짜만 선택하는 용도 외에, 총 17가지에 해당하는 사용자 커스터마이징이 가능합니다. 기본 달력 외에도, 부트스트랩의 스킨을 이용한 달력과, metallic 스킨을 이용한 달력을 이용할 수 있습니다. 날짜 외에도, 시간을 선택하거나, 날짜의 포맷을 조절이 가능한 케이스등등의 17가지 커스텀이 가능한 기능으로 인해서, 활용할 곳은 넓어질 것 같네요. 스크립트 외에, 입력박스의 속성을 이용해서 달력을 활성화 할수도 있습니다.
날짜/시간 picker 입니다. 상황에 따라 날짜와 시간 모두 설정하거나 개별로 사용이 가능합니다. 해당 사이트 또는 아래 사이트에서 소스에 대한 설명을 확인할 수 있습니다. https://github.com/katemihalikova/ion-datetime-picker
CSS3 와 jQuery 를 이용하여 간단히 소스 적용만으로 날짜와 시간을 출력할 수 있습니다. http://www.htmldrive.net/items/show/1219/CSS3-and-jQuery-Digital-Clock 에서 소스를 다운받으시면 html 파일 하나가 있습니다. html 파일에 적용된 스타일 소스를 조금만 수정하시면 원하시는 형태로 조절이 가능합니다.
날짜 입력값의 패턴 검사를 해 보겠습니다. 날짜 입력값이 yyyy-mm-dd나 yyyy/mm/dd는 인정하고 그 외의 패턴은 인정하지 않는다고 한다면 다음과 같이 간단한 정규식을 사용하면 됩니다. [프로그램코드] if( $dateinput =~ m|^\d{4}([-/])\d{1,2}\1\d{1,2}$| ) { print "Good\n"; } else { print "Not good\n"; } 여기서 상세한 날짜 범위에 대한 검증은 생략하겠습니다. 이 팁의 촛점은 그 것이 아니라 구분자에 관한 것이니까요. 얼핏생각하면 패턴 검사를 [프로그램코드] $dateinput =~ m|^\d{4}([-/])\d{1,2}[-/]\d{1,2}$| 와 같이 하면 될 것이라고 생각할 수 있습니다. 하지만, 이 경우는 yyy..
해피CGI 입니다. 자주 쓰는 문구인데 가끔 까먹는경우가 많아서 메모겸 올려봅니다. [프로그램코드] SELECT DATE_SUB( curdate(), INTERVAL 1 month ) curdate() 대신 원하는 날짜를 넣게 되면 해당날짜의 전달을 알수 있겠죠? 또하나의 팁 (이것도 메모겸 -.-);; [프로그램코드] SELECT left(DATE_SUB( curdate(), INTERVAL 1 month ) ,7) 이렇게 쓴다면 해당이전달의 년도와 월만 빼낼수 있겠죠? 또또 하나의 팁 만약 reg_date 라는 필드가 날짜필드라고 가정을 하고 [프로그램코드] SELECT * from 테이블명 where left(DATE_SUB( curdate(), INTERVAL 1 month ) ,7) = left..