jQuery的日期選擇器：忽略選擇文本字段

Question

我試圖用這個日期選擇器 https://bootstrap-datepicker.readthedocs.org/en/latest/

到我使用的「組件」視圖中的特定選項，所以用AR其側面的按鈕的文本字段。

我已經設置了datepicker要求年（幾十年），然後是月份，然後是一天，我已經設置語言爲意大利語和日期格式爲dd/mm/yyyy。

如果我使用按鈕選擇日期，但是如果我將焦點置於文本字段，日期選擇器將顯示爲默認視圖：montly視圖以選擇日期，英語語言和mm/dd/yyyy格式的日期。

這是使用代碼：

<input data-provide="datepicker" class="form-control" id="birthdate" placeholder="Data di nascita" readonly="readonly" name="birthdate" type="text"><span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span> 

$('.input-group.date').datepicker({ 
format: "dd/mm/yyyy", 
weekStart: 1, 
startView: 2, 
clearBtn: true, 
language: "it", 
autoclose: true}); 

您還可以在這裏看到一個例子：http://www.luigicaradonna.it/datepicker/prova.php

嘗試點擊該按鈕，然後選擇一個日期，這是它應該如何工作，然後重新裝入頁面並單擊文本字段，這是錯誤的行爲。

我在做什麼錯？

Answer 1

的問題是，你有這樣的

<div class="input-group date"> 
    <input data-provide="datepicker" type="text" class="form-control"><span class="input-group-addon"><i class="glyphicon glyphicon-th"></i></span> 
</div> 

輸入您可以看到您輸入的data-provide="datepicker"。這是它不能按預期工作的原因。我不知道這對你是否有害，但是如果你刪除了那個data-provide="datapicker"它應該可以正常工作。

<div class="input-group date"> 
    <input type="text" class="form-control"><span class="input-group-addon"><i class="glyphicon glyphicon-th"></i></span> 
</div> 

我運行一些測試與您的示例代碼，這種方式適用於我。希望它有幫助