2017-03-13 24 views
0
私はこのような状況のために私の日付ピッカー+のDateTimePickerを検証する必要があり

検証jQueryのUI日付ピッカー+ Timepickerアドオン

  • maxdaterangeオーバーselfinput

  • selfinputをmindaterange

  • 無効な入力の上に存在しないために日付(のような29.02.2017)

  • 無効な入力(ような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" 
}); 

EDIT:日付が無効である場合、私は(アラ​​ートを必要とする例: "無効な入力")

答えて

0

私はそれを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"); 
    } 
関連する問題