유효성 JQuery와 UI 날짜 선택기 + Timepicker 부가 기능

Question

나는이 상황에 내 날짜 선택기 +에 DateTimePicker를 검증 할 필요가

:

• maxdaterange 이상 selfinput

• selfinput을 mindaterange

• 잘못된 입력을 통해 존재하지 않는위한 날짜 (예 : 29.02.201)

• 잘못된 입력 (예 : 214124.123123.201 7 (DD.MM.YYYY))

내 JS :

var input = $('<input placeholder="DD.MM.JJJJ HH:MM" type="text">') 

input.appendTo($(element)); 

//DATETIMEPICKER ALLGEMEIN 
input.datetimepicker({ 
    monthNames: ['Januar', 'Februar', 'M&auml;rz', 'April', 'Mai', 'Juni', 'Juli', 'August', 'September', 'Oktober', 'November', 'Dezember'], 
    monthNamesShort: ['Januar', 'Februar', 'M&auml;rz', 'April', 'Mai', 'Juni', 'Juli', 'August', 'Septem.', 'Oktober', 'Novem.', 'Dezem.'], 
    dayNames: ['Sonntag', 'Montag', 'Dienstag', 'Mittwoch', 'Donnerstag', 'Freitag', 'Samstag'], 
    dayNamesMin: ['So', 'Mo', 'Di', 'Mi', 'Do', 'Fr', 'Sa'], 
    dateFormat: 'dd.mm.yy', 
    changeMonth: false, 
    changeYear: true, 
    yearRange: '2015:2019', 
    showButtonPanel: true, 
    timeText: 'Zeit', 
    hourText: 'Stunde', 
    minuteText: 'Minute', 
    secondText: 'Sekunde', 
    ampm: false, 
    controlType: 'select', 
    oneLine: true, 
    timeFormat: 'H:mm', 
    closeText: "Fertig", 
    currentText: "Jetzt" 
}); 

편집 : 날짜가 유효하지 않은 경우, 나는 (경고를 필요로 예를 들면 : "잘못된 입력")

Answer 1

나는 btw를 얻었고, 나는 moment.js 라이브러리를 사용했고이 코드를 추가하여 "경고"없이 원했던 모든 것을 막았지만 잘 작동하고 사용하기 쉽다!

var previousDate; 

input.focus(function() { 
    previousDate = $(this).val();; 
}); 
input.blur(function() { 
    var newDate = $(this).val(); 
    if (!moment(newDate, 'DD/MM/YYYY', true).isValid()) { 
     $(this).val(previousDate); 
     console.log("Error"); 
    }