验证 JQuery UI Datepicker + Timepicker Addon答案

【问题标题】：Validate JQuery UI Datepicker + Timepicker Addon验证 JQuery UI Datepicker + Timepicker Addon
【发布时间】：2017-08-03 16:53:44
【问题描述】：

我需要在这些情况下验证我的 datepicker + datetimepicker：

自输入超过 maxdaterange
selfinput over mindaterange
不存在日期的无效输入（如 29.02.2017）
输入无效（如 214124.123123.2017 (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"
});

编辑：如果日期无效，我需要一个警报（例如：“无效输入”）

【问题讨论】：

标签： javascript jquery datepicker datetimepicker

【解决方案1】：

顺便说一句，我使用了 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");
    }

【讨论】：