Hola chicos estoy usando http://eonasdan.github.io/bootstrap-datetimepicker/ para el calendario, ahora quiero elegir la fecha seleccionada por el usuario, estoy atascado con este calendario por favor me ayude a obtener la fecha actual seleccionada por el usuario que he utilizado js para obtener el valor.
En cada fecha hay una clase denominada «día» ahora quería obtener el valor del atributo «data-día», el cual tiene el valor de la fecha de la siguiente manera

$(".day").click(function(){
            var clicked = $(this).attr('id');
         alert(clicked);
         });

Devuelve el valor del atributo de sólo una vez no reconociendo el segundo clic.
Por favor me ayudan con js o este eonasdan plugin.

  • proporcionar un violín
  • Aquí está el violín jsfiddle.net/Eonasdan/0Ltv25o8, pero se han utilizado sólo la entrada presentada y no el calendario.
InformationsquelleAutor Tausif Anwar | 2015-08-26

3 Comentarios

  1. 5

    HTML

    <br/>
    <!-- padding for jsfiddle -->
    <div class="row">
        <div class="col-md-4 col-xs-6">
            <input type="text" class="form-control" id="datetimepicker2" />
            <br>
            <input type="button" class="btn btn-success" id="getDate" value="Get Date" />
        </div>
             <span id="SelectedDate"></span>
    </div>

    JS

    $('#datetimepicker2').datetimepicker();
    
    $('#getDate').click(function () {
        console.log($('#datetimepicker2').data('date'))
        $('#SelectedDate').text($('#datetimepicker2').data('date'))
    })

    DEMO

    Obtener Sólo La Parte De Fecha

    • Puede usted por favor ayuda para obtener solo fecha, la hora actual?
    • comprobar mi actualiza el violín
    • quería llegar a la fecha junto con el mes y el año.
    • el temp variable en el segundo violín consta la fecha. marque esta w3schools.com/jsref/jsref_obj_date.asp . me acaba de llegar la fecha solamente. intenta otros (mes y año).
    • Santosh muchas gracias
    • Santosh Cómo voy a deshabilitar el tiempo de menos de tiempo actual
    • el uso de este $(‘#datetimepicker2’).de datos(«DateTimePicker»).minDate(new Date());
    • Los violines que ya no funciona
    • el violinista actualizado

  2. 1

    He encontrado métodos para el calendario descrito en la página enlazada.
    Así, por ejemplo, para ver lo que han introducidos por el usuario se tiene que:

    $('#datetimepicker').data("DateTimePicker").date()

    introduzca aquí su id y, como resultado, recibe objeto que tiene ‘_d’ campo con valor.

    data('DateTimePicker')

    también tiene un montón de sabor funciones para configurar el plugin.

    • de datos(‘fecha’) lleva a resultados más rápidamente.
  3. 0

    creo que tengo la solución para usted.

    $('#datetimepicker1').data('date')

    Por favor, tener un ir.

    • se puede por favor me ayude donde poner este código? me refiero a que debo poner este código en mi propia función?
    • sí. @TausifAnwar puede agregar esta en su función .. tan sólo tienes que guardarlo en la variable var selectedDate = $('#datetimepicker1').data('date'); simple como eso.. ahora usted puede utilizar esta variable para su uso

Dejar respuesta

Please enter your comment!
Please enter your name here