Ciao AndBin
So di essere una pena infinita, ma sicuramente mi sfugge il flusso di dove inserire le istruzioni.
Il codice che mi hai postato nell'ultima risposta è ottimale e funziona, ma su una pagina html normale.
la mia gestione delle pagine prevede di utilizzARE UNA "Base.jsp" con la parte comune a tutte le pagine e la parte della personalizzata della singola form viene inserita nel "container".
quindi i link che hai inserito sotto alla <meta name=".....
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/css/bootstrap-datepicker3.css"/>
li ho inseriti nella base.jsp
invece nella pagina dettanadip.jsp ho inserito il codice sotto alla definizione del campo che contiene la data come mi sembra fatto nel tuo esempio
tuo codice
Esempio datepicker: <input type="text" id="datepicker1" name="datepicker1" size="10">
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/js/bootstrap-datepicker.min.js"></script>
<script>
$(document).ready(function() {
$('#datepicker1').datepicker({
format: 'mm/dd/yyyy',
todayHighlight: true,
autoclose: true
});
});
</script>
mia controllo data su dettanadip,jsp
<div class="form-group">
<label for="dateOp" class="control-label col-sm-2"><spring:message code="insanadip.form.dateOp.label" />Data da editare<span class=“asteriskField”>*</span></label>
<div class="col-sm-10">
<div class="input-group date" data-provide="datapicker">
<form:input path="dateOp" type="text" readonly="true" class="form-control" placeholder="gg/mm/aaaa" id="dateOp"/>
<div class="input-group-addon" >
<span class="glyphicon glyphicon-th"></span>
</div>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/js/bootstrap-datepicker.min.js"></script>
<script>
$(document).ready(function(){
var date_input=$('input[name="dateOp"]'); //our date input has the name "date"
var container=$('.bootstrap-iso form').length>0 ? $('.bootstrap-iso form').parent() : "body";
date_input.datepicker({
format: 'mm/dd/yyyy',
container: container,
todayHighlight: true,
autoclose: true,
})
})
</script>
Ho sbagliato nell'interpretazione e posizionalità del codice ?
Se è corretto come impostazione non capisco come mai non funzionaa.
Mi sento a disagio per arrecare sempre un disturbo quasi insolente, ma vorrei capire il contesto per poter poi essere autonomo.
grazie
Moreno