日期选择器允许无效日期答案

【问题标题】：Datapicker allow invalid dates日期选择器允许无效日期
【发布时间】：2017-04-22 05:12:45
【问题描述】：

当用户不知道确切日期时，我需要像“99/99/9999”这样的允许日期，我该如何实现？

$('#date').datepicker({
    language: "pt-BR",
    autoclose: true,
    format: 'dd/mm/yyyy',
    todayHighlight: true
})

使用此代码，“99/99/9999”将转换为“07/06/9999”。

这里是一个例子： https://jsfiddle.net/bvbtz2re/2/

【问题讨论】：

标签： jquery twitter-bootstrap bootstrap-datepicker datapicker

【解决方案1】：

Working fiddle.

您可以将选项 constrainInput 设置为 false ：

$('#date').datepicker({
    language: "pt-BR",
    autoclose: true,
    format: 'dd/mm/yyyy',
    todayHighlight: true,
    constrainInput: false 
})

希望这会有所帮助。

【讨论】：

我试试这个，但我使用的是 bootstrap-datapicker，这里这不起作用
第一个标签是jquery-ui!!

【解决方案2】：

您可以使用forceParse 选项将其值设置为false。正如documentation 所说：

选择器关闭时是否强制解析输入值。也就是说，当用户在输入字段中留下无效日期时，选择器将强制解析该值，并将输入的值设置为符合给定格式的新的有效日期。

这里是一个活生生的例子：

$('input.datum').datepicker({
  format: 'dd.mm.yyyy',
  language: 'de',
  weekStart: 1,
  autoclose: true,
  assumeNearbyYear: true,
  forceParse: false
});

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet"/>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/css/bootstrap-datepicker3.css" rel="stylesheet"/>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/js/bootstrap-datepicker.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/locales/bootstrap-datepicker.de.min.js"></script>

<form action="#" method="post">
    <label>Date:</label>
    <input class="datum" type="text" name="vondatum" required>
    <input type="submit" value="save">
</form>

【讨论】：