jQuery 프리데이트
jQuery Prettydate
jQuery Prettydate 플러그인은 양식에 대한 강력한 유효성 검사 기능을 제공하여 클라이언트 측 양식 유효성 검사를 더 쉽게 만드는 동시에 다양한 애플리케이션 요구 사항을 충족하는 다양한 사용자 정의 옵션을 제공합니다. 플러그인은 URL 및 이메일 검증을 포함한 유용한 검증 방법 세트를 번들로 제공하고 사용자 정의 방법을 작성하기 위한 API를 제공합니다. 번들로 제공되는 모든 메서드는 기본적으로 오류 메시지에 영어를 사용하며 37개 다른 언어로 번역되었습니다.
이 플러그인의 현재 버전은 1.1.0입니다.
jQuery Prettydate 유효성 검사(비밀번호 확인) 플러그인을 다운로드하세요.
사용 방법
Prettydate 플러그인을 사용하려면 제목에 ISO8601 날짜가 있어야 합니다:
<a title="2008-01-28T20:24:17Z">January 28th, 2008</a> <a title="2008-01-27T22:24:17Z">January 27th, 2008</a> <a title="2008-01-26T22:24:17Z">January 26th, 2008</a>
그런 다음 거기에 PrettyDate 메소드를 적용합니다:
$(function() { $("a").prettyDate(); });
플러그인을 현지화하려면 $를 사용하세요. .prettyDate.messages의 속성을 재정의합니다. 여기서 독일어 현지화를 예로 들어 보겠습니다.
$.prettyDate.messages = { now: "gerade eben", minute: "vor einer Minute", minutes: $.prettyDate.template("vor {0} Minuten"), hour: "vor einer Stunde", hours: $.prettyDate.template("vor {0} Stunden"), yesterday: "Gestern", days: $.prettyDate.template("vor {0} Tagen"), weeks: $.prettyDate.template("vor {0} Wochen") }
플러그인은 선택한 각 요소를 10초마다 업데이트합니다. 이런 식으로 "방금 지금"은 "1분 전", "x분 전", "1시간 전" 등이 됩니다.
간격 옵션을 "false"로 지정하여 간격 업데이트를 비활성화할 수 있습니다:
$(function() { $("a").prettyDate({ interval: false }); });
또는 다른 시간 간격을 설정합니다(예: 간격: 1000, 매초 선택한 각 요소를 업데이트하려면:
$(function() { $("a").prettyDate({ interval: 1000 }); });
값 옵션의 기본값은 다음과 같습니다). 제목 속성에서 ISO8601 날짜 문자열을 읽습니다. 사용자 정의 "isodate" 속성과 같은 다른 속성을 사용하려면 이 옵션을 재정의하세요.
$(function() { $("a").prettyDate({function() { // "this" 是 DOM 元素return $(this).attr("isodate");} }); });