Estoy usando bootstrap-datepicker en mi código. ¿Cómo puedo seleccionar la fecha actual en JavaScript y mostrar como seleccionado?

Después de la investigación este es el código que estoy utilizando, pero en el día actual no aparece como seleccionado:

var today = moment();

datepicker1.datepicker({
    endDate: today.toDate()
}); 

datepicker2.datepicker({
    startDate: today .toDate(),
    endDate: today.toDate()
});

datepicker1.datepicker('setDate', today.toDate());
datepicker2.datepicker('setDate', today.toDate());

datepicker1.datepicker('update');  //update the bootstrap datepicker
datepicker2.datepicker('update');
  • Tal vez me olvido de algo pero: startDate: new Date()??? Pero espere, por defecto es la selección de la fecha actual, así que realmente no estoy seguro de entender cuál es tu problema?!
  • 1. La fecha no aparece en el campo de Entrada de fecha 2. La fecha no está seleccionada-destacado dentro de selector de fecha

3 Comentarios

  1. 12

    Ni idea sobre el código que estás usando y sin etiquetas HTML no tiene mucho sentido,

    Aquí es un ejemplo de lo que son después de

    JS:

    $(document).ready(function() {
      var date = new Date();
      var today = new Date(date.getFullYear(), date.getMonth(), date.getDate());
      var end = new Date(date.getFullYear(), date.getMonth(), date.getDate());
    
      $('#datepicker1').datepicker({
    format: "mm/dd/yyyy",
    todayHighlight: true,
    startDate: today,
    endDate: end,
    autoclose: true
      });
      $('#datepicker2').datepicker({
    format: "mm/dd/yyyy",
    todayHighlight: true,
    startDate: today,
    endDate: end,
    autoclose: true
      });
    
      $('#datepicker1,#datepicker2').datepicker('setDate', today);
    });

    HTML:

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.5.1/js/bootstrap-datepicker.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.5.1/css/bootstrap-datepicker.min.css" />
    <div class="row">
      <div class="col-lg-2">
    <div class="panel">
      <fieldset>
        <div class="form-group">
          <label for="datepicker1">Date</label>
          <input type="text" class="form-control" id="datepicker1">
        </div>
      </fieldset>
      <fieldset>
        <div class="form-group">
          <label for="datepicker2">Date2</label>
          <input type="text" class="form-control" id="datepicker2">
        </div>
      </fieldset>
    </div>
      </div>
    </div>

  2. 11

    Estoy usando bootstrap selector de fecha. a continuación el código funcionó para mí:

    $('#my-datepicker').datepicker('setDate', 'now');
  3. 1

    El problema en la selección de currentdate cuando se utiliza minDate : moment().

    La solución es utilizar a continuación el código para la asignación de datetimepicker:

    $('#datetimepicker6').datetimepicker({ 
        format: 'DD/MM/YYYY', 
        minDate: moment().millisecond(0).second(0).minute(0).hour(0),
        clear : false 
    });

Dejar respuesta

Please enter your comment!
Please enter your name here