bootstrap-datepicker 手动输入日期问题

Posted 2023-05-07

【中文标题】bootstrap-datepicker 手动输入日期问题

【英文标题】：bootstrap-datepicker manually entered date issue

【发布时间】：2014-11-05 20:46:17

【问题描述】：

我正在使用this bootstrap-datepicker，一切正常，除了输入字段不允许手动添加日期，或者至少对于手动输入的输入不能正常工作。

以下是 javascript 中的当前选项：

$(function()
        $('.input-daterange').datepicker(
            endDate: "today",
            todayBtn: true,
            forceParse: false,
            autoclose: true,
            todayHighlight: true
        );        
);

1) 第一个问题是当输入日期并按下“回车”键时，日期就消失了。 2) 当删除日期并开始输入新日期时，日期选择器的行为很奇怪。

希望有人能弄清楚如何修复手动输入的日期？

也许在每个输入旁边都有一个日历图标，并且仅从那里触发日期选择器将是一个不错的选择，并且仅将文本输入留作输入。

这是JSFiddle 玩。

【问题讨论】：

与 bootstrap-datepicker 有类似的问题。在手动更新日期后按下回车键时不会触发 on 'changeDate' 事件。

【参考方案1】：

在 GitHub 上进行挖掘后，发现了一些尚未在主 bootstrap-datepicker.js 文件中实现的修复。只是认为在新更新到来之前遇到同样问题的人会有所帮助：

1) Issue No1：“Enter”键在手动输入时删除了输入 - 已修复

2) Issue No2：在日期范围选项中，当使用“Backspace”键删除第二个输入时，第一个输入丢失了最后一个字符 - 已修复

以上两个修复必须在 bootstrap-datepicker.js 文件中完成。

【讨论】：

第一个链接确实会处理手动输入日期时丢失的值。