引导日期选择器日期验证答案

【问题标题】：Bootstrap datepicker date validation引导日期选择器日期验证
【发布时间】：2023-03-25 20:38:01
【问题描述】：

当我在输入字段内手动输入（更改）日期，然后在输入字段外单击时，如果格式不正确，则日期值为空。

我一直在尝试在输入字段外单击时触发输入事件，然后日期选择器会验证日期。

我的代码：

$('#js-filter-input-date-from').change(function (e) {
    if (this.value === '')
    {
        var e = $.Event("keypress");
        e.keyCode = 13; // # Some key code value

        $('#js-filter-input-date-from').trigger(e);
    }
});

任何帮助将不胜感激。

【问题讨论】：

标签： jquery validation datepicker

【解决方案1】：

尝试使用blur 事件。

因此，当输入失去焦点时，您会触发日期选择器进行验证。

【讨论】：

【解决方案2】：

我使用 Blur 让它工作了

<input id="myDate" (blur)="setDateOnBlur($event)">    

setDateOnBlur(elem) {
    $(elem.target).datepicker().trigger('changeDate');  
}

$('#myDate').datepicker({
    format: 'dd-M-yyyy'
});

$('#myDate').on('changeDate', function (ev) {
    var Date = ev.format ? ev.format("dd-M-yyyy") : $('#myDate').val();
});

【讨论】：