Web24 [Web] 웹에서 날짜 및 시간 입력을 구현하려면? 웹에서 날짜 및 시간 입력을 구현하려면?웹에서 날짜 및 시간 입력은 특정 데이터의 이력 조회 화면에서 빈번히 사용된다. HTML5 상에서 사용자로부터 날짜와 시간을 입력받으려면 어떤 작업을 해야할까? HTML5에서는 기본적으로 아래와 같이 날짜와 시간을 입력 받을 수 있는 date, datetime 타입의 텍스트박스를 지원한다. 하지만 브라우저 별로 지원여부에 차이가 있어 불특정 다수의 사용자를 대상으로 화면을 개발할 경우 문제의 소지가 있다. CopyDateTimePicker 위젯을 사용하자앞서 설명한 이유로 호환성을 고려하여 대부분 별도의 DateTimePicker 위젯 라이브러리를 사용한다. 개발환경에 따라 자체개발 또는 상용 라이브러리를 사용하기도 하는데 이 글에서는 Bootstrap 3 기반의 .. 2019. 1. 23. [Web][Parsley] validator(폼유효성 검증) 소개 및 설치, 구성요소 살펴보기 #1 Parsley validator(폼유효성 검증) 소개 및 설치, 구성요소 살펴보기 #1 출처: https://webdir.tistory.com/423 [WEBDIR] 폼의 유효성을 검증하는 플러그인들 중에 Parsley 라는 jQuery 플러그인이 있습니다. 디자인적인 면도 고려해서 클래스를 DOM에 붙여 주기 때문에 쉽게 활용할 수 있을꺼라 생각해 관련 문서를 발번역하였고, 이를 수정해서 아래의 내용을 작성하였습니다. 참고가 되시길 바랍니다.폼(form)안에 존재하는 각각의 입력양식들, , , 와 같은 요소들을 필드(field)라고 부릅니다.Parsley 소개여기서 설명하는 파슬리는 먹는 그 파슬리는 아니고 자바스크립트로 만든 폼 검증 라이브러리이다. 실제 검색을 하면 먹는 파슬리만 주구장창 검색되니,.. 2019. 1. 23. [Web][Handlebars] Meteor/handlebars에서 radio/select 다루기 주쓰지만 은근 귀찮은 것이 radio와 select다. 특히 최초에 렌더링 할때 선택하게 하는게 번거롭다. #each로 option이나 input에 들어갈 별도의 키를 find의 transform에서 만들거나 아예 fetch를 하거나 array를 조작하거나 하는 건 어렵지 않지만 매번 같은 상황일때마다 코딩을 해야되니까 안 이쁘쟈나. (그렇쟈나 손구락 뿌러지쟈나 카피엔 페이스트 귀찮쟈나 짜증나쟈나!) 물론 checkbox도 귀찮지만 비슷하게 응용하면 될 것이니 handlebars의 block helpers를 사용하여 이 귀찮음을 해결해볼 수 없을까 해서 코드를 만들어보았다. 먼저 select를 해보면 다음과 같은 그림인데 {{#each array}} {{name}} {{/each}} .. 2019. 1. 23. [Web][Datatables] 데이터테이블즈(datatables) 메뉴얼 정리 v2.0 이 글은 datatables 1.10.19 기반으로 작성되었습니다 이번 시간에는 datatables 정리하도록 하겠습니다. 요즘은 게시판을 직접적으로 코딩하지않고 datatables라는 라이브러리를 사용해서 게시판을 만듭니다. datatables는 직접 구현한 게시판보다 훨씬 좋고 커스텀마이징도 좋습니다. 1. datatables 공식홈페이지 https://datatables.net/ DataTables | Table plug-in for jQuery Name Position Office Age Start date Salary Tiger Nixon System Architect Edinburgh 61 2011/04/25 $320,800 Garrett Winters Ac... datatables.net 2.. 2019. 1. 21. 이전 1 ··· 3 4 5 6 다음