Datumsauswahl funktioniert nicht auf das Symbol klicken für img Feld

Question

Ich habe hinzugefügt, alle erforderlichen js Dateien wie unten

<script src="<c:url value='/static/js/jquery-1.12.3.js'/>" 
type='text/javascript'></script> 
<script src="<c:url value='/static/js/bootstrap.min.js' />" 
type='text/javascript'></script> 
<script src="<c:url value='/static/js/jquery-ui.js' />" 
type='text/javascript'></script> 

aber der picker Block einfach nicht funktioniert.

<script> 
$(function() { 
    $("#txtdate").datepicker(); 
}); 
</script> 

Das ist der HTML-Code unten

<td> <input type="date" id="txtdate" value="{{plan.startDate}}" placeholder="yyyy/mm/dd"/> 

Answer 1

Ich vermute, dass das Problem mit dem date Typ ist. Dadurch wird ein HTML-basierter Picker erstellt, der vom Browser erstellt werden kann. Dies führt zu einem Konflikt mit dem jQuery UI Datepicker.

Das Erstellen eines Datumsspeichers auf einem <input type="date"> wird aufgrund eines UI-Konflikts mit dem systemeigenen Auswahlprogramm nicht unterstützt.

Um dies zu adressieren, würde ich empfehlen, text Typ zu verwenden.

https://jsfiddle.net/Twisty/5pk37jav/

HTML

<table> 
    <tr> 
    <td> 
     <input type="text" id="txtdate" value="2017/11/01" placeholder="yyyy/mm/dd" /> 
    </td> 
    </tr> 
</table> 

JavaScript

$(function() { 
    $("#txtdate").datepicker(); 
}); 

Dadurch wird sichergestellt, dass es nicht zu einem Konflikt und der Code, den Sie laufen ausgeführt wird, wollen, ist.