Hoe kan ik de gebruikersinterface van jQuery gebruiken om een altijd zichtbare datepicker-widget weer te geven?
Antwoord 1, autoriteit 100%
Het is eenvoudig. Bewaar uw jQuery-code, maar wijs deze toe aan een <div>in plaats van een invoervak.
Date:
<div id="datepicker"></div>
<script>
$(function() {
$("#datepicker").datepicker();
});
</script>
Een functioneel voorbeeld staat op de jQuery UI-webpagina voor de datepicker-widget, en ik heb ook hieronder een opgenomen.
Antwoord 2, autoriteit 21%
Van de documentatie:
Noem gewoon .datepicker() op een div
in plaats van een invoer.
(Om de datumkiezer in de pagina weer te geven in plaats van in een overlay.)
Antwoord 3, autoriteit 5%
.ui-datepicker {
z-index: 1000;
width: 17em;
width:500px;
padding: .2em .2em 0;
display: none;
position: absolute;
padding: 100px 20px;
top: 100px;
left: 50%;
margin-top: -100px;
}
ik heb de stijl overschreven naar de bovenstaande en nu werkt het beter