español - jQuery UI Datepicker en línea-enviando formulario al hacer clic

jquery datetimepicker

Question

Estoy tratando de enviar un formulario cuando se hace clic en la fecha en datepicker. He logrado enviar, pero no puedo pasar la fecha elegida al campo oculto del formulario. Entonces, el formulario envía, pero la fecha no se envía (

Estoy seguro de que debe ser simple de hacer, pero no tengo experiencia con js, por lo que cualquier ayuda es apreciada.

Aquí está el código:

<script type="text/javascript">
  $(document).ready($(function(){

    var $hiddenInput = $(''#hiddenFieldID'');

    $(''#datepicker'').datepicker({ inline: true })
     .bind(''click'', function(){ $(''#myFormID'').submit();})
     .bind(''hiddenFieldID'',function(e, hiddenFieldID, $td) { $hiddenInput.val(hiddenFieldID.asString()); });
      }));
 </script>

<div id="datepicker"></div>

<form id="myFormID" action="index.php" method="GET">
<input type="hidden" name="date" id="hiddenFieldID" value="">
</form>

Answer 1

El datepicker realidad tiene algunas opciones para ayudarlo con esto. Pruebe lo siguiente:

$(''#datepicker'').datepicker({
    inline : true,
    altField : ''#hiddenFieldID'',
    onSelect : function(){
        $(''#myFormID'').submit();   
    }
});

altField : un elemento de entrada que se actualizará con la fecha seleccionada del datepicker. Use la opción altFormat para cambiar el formato de la fecha dentro de este campo. Dejar en blanco para ningún campo alternativo.

onSelect : se llama cuando se selecciona datepicker. La función recibe la fecha seleccionada como texto y la instancia datepicker como parámetros. esto se refiere al campo de entrada asociado.

Visite la API completa para obtener más opciones y eventos relacionados con datepicker : http://api.jqueryui.com/datepicker/

Answer 2

Luché con este mismo problema. En mi caso, mi comenzó y terminó dentro de una mesa. Mover el formulario fuera de la mesa solucionó el problema.

Gene