Ver Mensaje Individual
  #1 (permalink)  
Antiguo 23/06/2015, 20:08
piruchito
 
Fecha de Ingreso: junio-2006
Mensajes: 24
Antigüedad: 17 años, 10 meses
Puntos: 0
Pasar fecha de bootstrap datepicker con jquery y ajax

Estoy bloqueado con este asunto. Copio el código para ver si alguien puede ayudarme.
Lo que necesito es que al ingresar datos en 2 inputs y al hacer click en un boton los datos se carguen en la base de datos y se muestren en pantalla.
Utilizo ajax para no recargar la pagina. La funcion se ejecuta pero muestra en pantalla solo uno de los valores pasados, la fecha que cargo en un bootstrap.datepicker no pasa.
Agradezco de antemano la ayuda. Saludos


FUNCION JS QUE ACTUALIZA LA PAGINA CON AJAX

<script>
function recargar3(accion, prm1, prm2, prm3, tag_id){
var variable_post="Mi texto";
$("#" + tag_id).html('<img src=\'/admin/css/loading.gif\'>');
$.post("actualiza.php?accion=" + accion + "&prm1=" + prm1 + "&prm2=" + prm2 + "&prm3=" + prm3, { variable: variable_post }, function(data){
//// IMPRIME LA RESPUESTA DEL SCRIPT PHP
$("#" + tag_id).html(data);
});
}
</script>

--------------------

ACTUALIZA.PHP
// POR AHORA SOLO IMPRIME LAS VARIABLES RECIBIDAS
if($_GET[accion] == 'pautaaddfec'){
echo "Pauta ID: ".$_GET[prm1]." - Fecha: ".$_GET[prm2]." - Importe: ".$_GET[prm3]."<br>";
}

--------------------

HTML QUE MUESTRA LOS CAMPOS A COMPLETAR U EL BOTON QUE LLAMA A AJAX

<div id="target-estado">
<div class="form-group col-lg-12">
<div class="input-group">
<input type="text" name="np_imp" class="form-control" id="np_imp" value="">
<span class="input-group-addon" id="np_imp"><i class="fa fa-usd"></i></span>
</div>
</div>

<div class="form-group col-lg-12">
<div class="input-group date nuevafechapago" data-date="2015-04-20" data-date-format="yyyy-mm-dd" data-link-field="np_fec">
<input type="text" class="form-control" type="text" value="" readonly>
<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
</div>
<input type="hidden" id="np_fec" value="" />
</div>

<a class="btn btn-success btn-xs" href="javascript:recargar3('pautaaddfec',<? echo $pauta_id; ?>,$('#np_fec').val(),$('#np_imp').val(),'tag_fech as');" role="button">Agregar Vencimiento</a>
</div>
--------------------

JS QUE INICIALIZA EL DATEPICKER DE BOOTSTRAP

<script src="datetimepicker1_4/js/bootstrap-datepicker.js"></script>
<script src="datetimepicker1_4/locales/bootstrap-datepicker.es.min.js" charset="UTF-8"></script>

<script type="text/javascript">
$('.nuevafechapago').datepicker({
format: "yyyy-mm-dd",
todayBtn: "linked",
clearBtn: true,
language: "es",
todayHighlight: true,
autoclose: true
});
</script>