Una cuestión, quería poder mostrar un selector de fecha en una respuesta que obtengo después de hacer una consulta php porque quería hacer otra a partir del resultado que me muestra la primera y mostrar los datos con JavaScript. Una vez que obtengo el JSON con los resultados, los muestro así:
map.on('click', function (evt) {
var contCount = 0;
map.forEachFeatureAtPixel(evt.pixel, function(feature, layer){
var contHTML = '';
contHTML += '<p><span class="tit gen">ID: </span><span class="text" id="' + feature.get('nombrecorto') + '">' + feature.get('nombrecorto') + '</span></p>';
contHTML += '<div class="table">
<div class="divCajon">
<div class="cell"><i class="fas fa-calendar-alt"></i> <span class="textPrede"></span>
<input type = "text" id = "date1" placeholder="select date" value="<?php if (isset($_POST[date2])) echo $_POST[date2];?>">
</div>
<div class="cell"><i class="fas fa-calendar-alt"></i> <span class="textPrede"></span>
<input type = "text" id = "date2" placeholder="select date" value="<?php if (isset($_POST[date2])) echo $_POST[date2];?>">
</div>
</div>
</div>';
if(contHTML != ''){
if(contCount == 0){
contINFO.innerHTML = '';
}else{
contINFO.innerHTML += '<br>';
}
contINFO.innerHTML += contHTML;
contCount++;
}
});
});
Si pongo en index.html
los selectores de fecha, al pinchar se muestra el calendario para cada uno de ellos y me permite seleccionar una fecha. El problema que planteo es al sacar unos resultados en JavaScript mediante la función map.on()
, una vez que saco los resultados, meter al final un selector de fecha y ejecutar una consulta a partir de los resultados obtenidos.
En el index.html
que muestro tengo un select de fechas que funciona, este mismo select quiero poder meterlo en la salida JavaScript que tengo en la función map.on()
y quitarlo del HTML:
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.2.1.js"></script>
</head>
<script>
$(function() {
$( "#date1" ).datepicker({
prevText:"click for previous months",
nextText:"click for next months",
showOtherMonths:true,
selectOtherMonths: false
});
$( "#date2" ).datepicker({
prevText:"click for previous months",
nextText:"click for next months",
showOtherMonths:true,
selectOtherMonths: true
});
});
</script>
<body>
<form method="post" enctype="multipart/form-data" id="formulario" action="#" onSubmit="return false;" name="datechooser">
<div class="table">
<div class="row"><input type="text" id="name"></div>
<div class="row">
<div class="cell"><i class="fas fa-calendar-alt"></i> <span class="textPrede"><?php echo $lang['viewer25']; ?></span>
<input type = "text" id = "date1" placeholder="select date" value="<?php if (isset($_POST['date1'])) echo $_POST['date1'];?>">
</div>
<div class="cell"><i class="fas fa-calendar-alt"></i> <span class="textPrede"><?php echo $lang['viewer26']; ?></span>
<input type = "text" id = "date2" placeholder="select date" value="<?php if (isset($_POST['date2'])) echo $_POST['date2'];?>">
</div>
</div>
<div class="row"><span class="textExe"> OK </span>
</div>
</form>
</body>
</html>