web-dev-qa-db-fra.com

bootstrap datepicker aujourd'hui par défaut

J'utilise ceci bootstrap-datepicker pour mon datepicker. Je voudrais que le sélecteur de date choisisse "aujourd'hui" pour le jour de début ou le jour par défaut. Je n'arrive pas à comprendre comment régler "aujourd'hui" automatiquement, alors j'ai fait de manière inefficace

HTML:

<input type="text" value ="today();" id="datepicker"/>

JS:

 $('#datepicker').datepicker();
function today(){
    var d = new Date();
    var curr_date = d.getDate();
    var curr_month = d.getMonth() + 1;
    var curr_year = d.getFullYear();
    document.write(curr_date + "-" + curr_month + "-" + curr_year);
}

Exemple en ligne: http://jsfiddle.net/BXZk2/

Je cherche juste une solution facile pour que le jour par défaut soit "AUJOURD'HUI".

Merci

javascriptjqueryhtml5date
56
olo

Cela devrait fonctionner:

$("#datepicker").datepicker("setDate", new Date());

Et pour l'autoclose ( violon ):

$('#datepicker').datepicker({
        "setDate": new Date(),
        "autoclose": true
});

jQuery> API datepicker

71
Nic

Set after Init

 $('#dp-ex-3').datepicker({ autoclose: true, language: 'es' });
$('#dp-ex-3').datepicker('update', new Date());

Cet exemple fonctionne.

34
Marc Rubiño

J'ai utilisé ce code

$('#datePicker').datepicker({
                    format:'mm/dd/yyyy',
                }).datepicker("setDate",'now');
17
Shiva Manhar

Si aucune des options ci-dessus ne fonctionne, utilisez les éléments suivants:

$ (". datepicker"). datepicker ();
$ (". datepicker"). datepicker ("setDate", nouvelle Date ());

Cela a fonctionné pour moi.

9
Huzaifa Saifuddin

Perfect Picker avec date actuelle et réglages de base

        //Datepicker
        $('.datepicker').datepicker({
            autoclose: true,
            format: "yyyy-mm-dd",
            immediateUpdates: true,
            todayBtn: true,
            todayHighlight: true
        }).datepicker("setDate", "0");
7
Ronak Bokaria

J'ai utilisé cela un petit exemple et cela a fonctionné.

$('#date').datetimepicker({
    defaultDate: new Date()
});

démo: http://jsfiddle.net/m2fjw57b/1/

7
Bruno Ribeiro

Pour bootstrap sélecteur de date

$( ".classNmae" ).datepicker( "setDate", new Date());

* new Date est la fonction par défaut de jquery dans laquelle vous pouvez passer une date personnalisée et si elle n'est pas définie, la date actuelle sera prise par défaut.

4
amn

Selon ce lien Définir la date par défaut de jquery datepicker , l’autre solution est

var d = new Date();

var currDate = d.getDate();
var currMonth = d.getMonth();
var currYear = d.getFullYear();

var dateStr = currDate + "-" + currMonth + "-" + currYear;

$("#datepicker").datepicker(({dateFormat: "dd-mm-yy" autoclose: true, defaultDate: dateStr });
2
brian

C'est simple

$(function() {
        $("#datePicker").datetimepicker({
            defaultDate:'now'

        });
    });

Cela va définir aujourd'hui comme valeur par défaut

2
Ritesh

Ça fonctionne bien pour moi...

$(document).ready(function() {
        var date = new Date();
        var today = new Date(date.getFullYear(), date.getMonth(), date.getDate());

        $('#datepicker1').datepicker({
            format: 'dd-mm-yyyy',
            orientation: 'bottom'
        });

        $('#datepicker1').datepicker('setDate', today);

    });
1
Mani

Cette question concerne le bootstrap le sélecteur de date. Mais toutes les réponses ci-dessus sont pour le sélecteur de date jQuery. Pour Bootstrap datepicker, il vous suffit d'indiquer la date par défaut dans la valeur de l'élément d'entrée. Comme ça.

<input class="form-control datepicker" value=" <?= date("Y-m-d") ?>">
0
Yasir Ijaz