如果在日历外单击，则引导日期选择器删除输入值

Posted 2023-05-07

【中文标题】如果在日历外单击，则引导日期选择器删除输入值

【英文标题】：Bootstrap datepicker remove input value if click outside the calendar

【发布时间】：2016-05-24 02:59:22

【问题描述】：

我使用引导日期选择器并用一个值对其进行初始化。现在，如果我在日历外部单击，则当日历打开时，日历淡出并且输入字段变为空。

我在这里创建了案例

sample

我的 JS：

$('div.date').datepicker(
    autoclose: true,
    format: 'dd-mm-yyyy',
    startDate: '+1d' 
);

还有我的 html：

<div class="input-group date" >
    <input type="text" class="form-control" value="$today" name="expectedDlivery">
    <div class="input-group-addon">
        <span class="glyphicon glyphicon-th"></span>
    </div>
</div>

【参考方案1】：

您输入的日期超出了startDate: +1 的范围。因此，当它关闭时，日期选择器代码将其视为无效条目并将其删除。输入今天之后的值即可。

例如，我将日期设置为明天如下，当日期选择器关闭时它仍然存在。

<input type="text" class="form-control" value="13-02-2016" name="expectedDlivery">

【讨论】：

鹰眼捕捉..谢谢

【参考方案2】：

只需将此选项添加到 Datepicker 组件：

forceParse：假

例子：

 $('.datepicker').datepicker(
    format: 'mm/dd/yyyy',
    defaultDate: 'now',
    forceParse: false,
    endDate: "today"
  );