Salve a tutti...
Chiedo urgentemente aiuto a voi esperti..
Come da titolo sto cercando di aprire una modale con all'interno il contenuto di una pagina nella quale vi è un datapicker...
Nell'esempio ho solo una modale.. ma la pagina originale ha svariati bottoni con altrettante svariate modali... e tutte funzionano.
index.php
formUni.phpcodice:<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <link rel="stylesheet" href="css/bootstrap-datetimepicker.css"> </head> <body> <button type="button" class="btn btn-success btn-xs" data-toggle="modal" data-target="#addUniModal" data-palconid="blabla">Aggiungi Unità</button> <div class="modal fade" id="addUniModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> </div> </div> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> <script src="bootstrap/js/bootstrap.min.js"></script> <script src="js/moment-with-locales.min.js"></script> <script src="js/bootstrap-datetimepicker.js"></script> <script> $("#addUniModal").on("show.bs.modal", function (event) { var button = $(event.relatedTarget); var palconid = button.data('palconid'); $(".modal-content").load("form/formUni.php?palconid="+palconid); }) </script> </body> </html>
I valori vengono trasferiti con successo tramite GET alla modale.. l'unico problema è il datetimepicker che nonostante sia visibile non vuole saperne di aprire il calendario quando viene cliccato il form..codice:<html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>Modal Remota</title> </head> <body> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modal-title">blablablablabla</h4> </div> <!-- /modal-header --> <div class="modal-body"> <form class="form-horizontal" method="post" action="add/addUni.php?<?php echo "palconid=".$_GET["palconid"];?>"> <fieldset> <!-- Form Name --> <legend>Form Name</legend> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="uni_ind">Data Inserimento</label> <div class='input-group date' id='datetimepicker1'> <input type='text' class="form-control" /> <span class="input-group-addon"> <span class="glyphicon glyphicon-calendar"></span> </span> </div> </div> </fieldset> </form> </div> <!-- /modal-body --> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Chiudi</button> <button type="button" class="btn btn-primary">Salva</button> </div> <!-- /modal-footer --> <script src="js/moment-with-locales.min.js"></script> <script src="js/bootstrap-datetimepicker.js"></script> <script type="text/javascript"> $(function () { $('#datetimepicker1').datetimepicker(); }); </script> </body> </html>
Mi affido a voi.. sono due giorni che provo soluzioni di vario tipo..![]()



Rispondi quotando