Datapicker允許無效日期

Question

當用戶不知道確切日期時，我需要允許日期如'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/

Answer 1

Working fiddle。

您可以設置選項constrainInput爲false：

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

希望這有助於。

Answer 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>