bootstrap datepicker pop-up nicht angezeigt das markierte aktuelle Datum

Ich benutze Bootstrap datepicker mit Bootstrap-Datepicker-API. Wenn ich auf die Schaltfläche klicke, wird das Kalender/Datumsauswahl-Popup angezeigt, aber das aktuelle Datum wurde nicht als blaue Schriftart markiert, wie in API-Beispielen gezeigt.bootstrap datepicker pop-up nicht angezeigt das markierte aktuelle Datum

ich den Code unten bin mit:

<body> 
    <div class="input-group date col-md-5" id="datepicker" data-date-format="dd-mm-yyyy"> 
     <input class="form-control" size="56" type="text" value="" readonly> 
     <span class="input-group-addon"><span class="glyphicon glyphicon-th"></span></span> 
    </div> 

    <script src="js/bootstrap-datepicker.js"></script> 

    <script type="text/javascript"> 
     $('#datepicker').datepicker(); 
    </script> 
    </body>

Der Kalender/Datepicker pop-up gezeigt, aber das aktuelle Datum wird nicht als blau markiert, wie in API Beispielen gezeigt und auch der Mauszeiger Zeiger nicht.

Bitte helfen Sie mir zu diesem Thema

Quelle

2014-02-09 Adeel Asghar

stellen Sie sicher, die Schriftarten für glyphicons hinzugefügt. "Glyphicon" -Klasse funktioniert, wenn Schriften enthalten sind – Garry

Wenn Sie diese verwenden: https://github.com/eternicode/bootstrap-datepicker Sie haben Optionen zu geben, wenn Sie Kalender, wie

$('#sandbox-container input').datepicker({ 
       todayHighlight: true 
    });

Quelle

2014-02-09 17:48:03 Gokhan

Es funktioniert immer noch nicht :( –

Können Sie ein Jfiddle machen. Es wird hilfreich sein – Gokhan

hat das funktioniert? Es funktioniert nicht für mich/ – Akki619

Bootstrap Datepicker hängt von seiner eigenen CSS für das Styling der Kalender initiieren Widget.

Für die Abhängigkeit schnell importieren, können Sie eine Version von cdnjs (stellen Sie sicher, dass Sie eine Erweiterung .css auswählen) auswählen und importieren in Ihren HTML wie folgt aus:

<head> 
    <meta charset="UTF-8"> 
    <!-- ... --> 
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.1/css/bootstrap-datepicker.css" /> 
</head>

Quelle

2016-07-24 12:40:24

$('#datepicker').datepicker({ 
    format: 'dd-mm-yyyy', 
    todayHighlight: true 
});

Hier ist die JSFiddle

Quelle

2016-07-27 15:16:20 RaviRokkam

Nur zur Liste der möglichen Lösungen hinzufügen, da ich das gleiche Problem hatte. Die today Klasse wurde nicht auf den aktuellen Tag zugewiesen bekommen mit:

$('.datepicker').datepicker({ 
    'format': 'mm/dd/yyyy', 
    'todayHighlight': true 
});

Die html im Beispiel nur eine Klasse von date haben.

<div class="input-group date"> 
    <input type="text" class="form-control" value="12-02-2012"> 
     <div class="input-group-addon"> 
      <span class="glyphicon glyphicon-th"></span> 
     </div> 
</div>

In meinem Fall fehlte mir die datepicker Klasse. Hinzugefügt das zu dem Element und jetzt funktioniert alles richtig.

Bedürfnisse sein:

<div class="input-group date datepicker"> 
    <input type="text" class="form-control" value="12-02-2012"> 
     <div class="input-group-addon"> 
      <span class="glyphicon glyphicon-th"></span> 
     </div> 
</div>

Quelle

2017-01-16 19:37:50 Damon

Eine weitere Option ist es, dieses Attribut zu Ihrem datepicker Eingabeelement hinzuzufügen:

today-highlight="true"

Quelle

2017-06-19 08:25:48

bootstrap datepicker pop-up nicht angezeigt das markierte aktuelle Datum

Antwort

Verwandte Themen