HTML5의 시작일 및 종료일 유효성 확인

-1

HTML5를 처음 사용합니다. 입력란 날짜 인 텍스트 상자에서 시작일과 종료일을 선택하고 싶습니다. 시작일은 미래 날짜를 비활성화해야하며 종료일은 시작일보다 커야합니다.HTML5의 시작일 및 종료일 유효성 확인

2013-12-10 Selva

당신은 이미 무엇을 시도? 'type = "date"입력 속성이 널리 지원되지는 않습니다 (IE, Firefox 또는 Safari에서는 작동하지 않으며 Chrome과 Opera에서는 부분적으로 만 작동 함). http : // caniuse. co.kr/# feat = input-datetime이므로이 기능을 사용하려면 일부 JavaScript를 사용하는 것이 좋습니다. –

JQuery를 사용하려는 것 같습니다. –

우리는 종료 날짜의 속성을 min으로 시작 날짜의 값을 설정할 수 있습니다.

start.addEventListener('change', function() { 
    if (start.value) end.min = start.value; 
}, false);

Demo

출처

2013-12-11 00:04:56

이렇게하려면 Parsley JS 플러그인을 사용할 수 있습니다. 몇 가지 프로젝트에서이 파일을 사용 했으므로 신속한 설정을 위해 &을 빠르게 설정하는 것이 좋습니다.

Parsley JS

출처

2013-12-10 10:06:36

"parsley-trigger"와 같은 비 속성으로 HTML을 무효화 할 계획이 아니라면이 플러그인을 사용하지 말 것을 권합니다. –

솔직히 말해서 나는 완벽한 유효성 검사를위한 큰 필요성이없는 오프라인/소프트웨어 인스턴스에서 주로 사용했습니다. –

작업 적합성과 관계없이 사양 준수가 필수입니다. 이 플러그인의 작성자는이 목적을 위해 특별히 정의 된'data- *'속성을 무시하는 것보다 더 잘 알고 있어야합니다. –

나는 날짜 확인을 위해 jQuery를 사용하여 추천 할 것입니다. JQuery는 자바 스크립트 라이브러리입니다. 시작하기에 좋은 날짜 범위 선택 도구입니다.

http://jqueryui.com/datepicker/#date-range

출처

2013-12-10 10:07:52

jQuery와 jQuery UI를 모두 구현하여 간단한 데이트 피커를 만들고 실행하는 것은 과잉입니다. 'Date()'는 빌트인 자바 스크립트 객체이며 유효성 검사를 위해 jQuery를 요구하지 않는다. –

HTML5의 시작일 및 종료일 유효성 확인

답변

관련 문제