1

Cuando establezco la fecha en el #datetimepicker1 manualmente como en el código, la pone bien. Pero cuando sustituyo la fecha por el valor de id, id está en blanco, y no establece. (el id del elemento que se le dio clic es una fecha al estilo 20-10-2018). Sin embajo id en el alert aparece como una fecha del tipo 20-10-2018. Me estoy rompiendo la cabeza con eso, pensando pasar la variable por ajax para php, y un monton de cosas que no me parecen limpias.

$(document).ready(function(){
    var id;
    $(".cell").dblclick(function(e){
        id = e.target.id;
        $('#ModalReserva').modal('toggle'); 
        $('#datetimepicker1').datetimepicker({date: '9-10-2018'});
        alert (id);
    });
});

1 respuesta 1

0

Por lo general el datePicker es un elemento para seleccionar fechas. Otra cosa es que quieras actualizarlo desde otro input (lo cual sería algo extraño pero bueno, todo es posible).

Si quieres recuperar la fecha seleccionada, tienes que crear en el datepicker una función onSelect, la cual recibirá del mismo elemento la fecha en parámetro.

Por ejemplo:

$("#myDatePicker").datepicker({
    /*Formato deseado en la salida*/
    dateFormat: "yy-mm-dd",
    onSelect: function (date) {
        console.log(date);
    }
});
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
  
  <p>Fecha: <input type="text" id="myDatePicker" readonly /></p>


EDICIÓN

Veamos algo parecido a lo que dices que tienes: una tabla donde por cada celda hay una fecha concreta.

Si la información se encuentra en el id de cada celda (o en otra parte). No tiene ningún sentido abrir un datepicker para seleccionar algo que ya conoces.

Este código te muestra cómo al hacer clic sobre cualquier celda obtienes el valor que hay en su atributo id. Puedes trabajar con ese valor, sin necesidad de obligar al usuario a establecer de nuevo la fecha. En este caso tu propia tabla hace la misma función que haría un datepicker:

document.querySelectorAll(".table td").forEach(function(elem) {
  elem.addEventListener('click', getDate, false);
});

function getDate() {
  var theDate = this.id;
  console.log(theDate);
  alert(theDate);
}
<link href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.2/css/bulma.min.css" rel="stylesheet" />
<table class="table is-bordered">
  <tr>
    <td id="20180101">1</td>
    <td id="20180102">2</td>
    <td id="20180103">3</td>
    <td id="20180104">4</td>
    <td id="20180105">5</td>
  </tr>
</table>

7
  • Hola Cedano, imagino que no me expliqué bien. Yo tengo varias celdas de una tabla, cada una con un id diferente, y que dicho id no es mas que una fecha al estilo 10-12-2018. Ese datapicker esta en un formulario modal, y lo que quiero es que cuando yo de doble clic en esa celda, se abra el formulario modal (cosa que ya hace), pero que el datapicker del formulario modal, tenga como fecha el id del td que se le dio clic. Cuando yo establezco la fecha manualmente, el lo hace bien, solo si pongo como variable id en vez de poner la fecha manual, es que no funciona. Commented el 5 nov. 2018 a las 16:58
  • Ahora sí se entiende. No te explicaste con tanta claridad en la pregunta. Cuando disponga de tiempo podré ayudarte con esto si otra persona ya no lo ha hecho. Aunque es extraño querer abrir un datepicker en base a lo que se escriba en una celda. ¿Con qué finalidad quieres hacer eso?
    – A. Cedano
    Commented el 5 nov. 2018 a las 18:55
  • Es un calendario que se crea al vuelo, en el momento que se esta cargando, y cada celda de la tabla coincide con la fecha que muestra el encabezado de la tabla. Como si fuera una especie de agenda, solo que cuando abri el modal para escribir un nuevo evento, no tiene sentido colocar la fecha de inicio si ya di clic en esa fecha de la tabla. Commented el 5 nov. 2018 a las 20:01
  • A ver si puedo entender @SergioCristiá. Cuando haces clic en una de esas celdas con una fecha, ¿para qué quieres mostrar el datepicker? ¿es con la intención de cambiar esa fecha (la que existe en la celda) por otra? Es que no logro captar cuál es la lógica que estás siguiendo...
    – A. Cedano
    Commented el 5 nov. 2018 a las 22:57
  • Me explico nuevamente. Tengo un calendario. Con los dias 1 2 3 4 5 6 .... Ese calendario es una tabla, como cualquier calendario. Yo agrego en determinado dia un evento. Tengo un formulário para anhadir eventos, donde pongo fecha de entrada y salida. Este formulario se abre al dar clic en cualquiera de las celdas de la tabla, cuyas celdas tienen en el id el dia mes y anho que estan mostrando del calendário, generado con php. Cuando abro el formulário en vez de tener que escribir la fecha quiero que el datapicker coja la fecha que esta guardada en el id de la celda. quiero cambiar el datapic Commented el 6 nov. 2018 a las 3:38

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.