webentwicklung-frage-antwort-db.com.de

Festlegen des Standard-Datums-Bootstrap-Datepicker

Festlegen eines Standarddatums in Bootstrap Datepicker

Ich möchte einen Termin festlegen: 24/12/2006

Wenn ich datepicker öffne, sollte mir dieses Datum im Kalender angezeigt werden.

Code:

$(function()
{

    $('#dob').datepicker(
    {
        <!--viewMode: "years",-->
        onRender: function(date) 
        {
         //return date.valueOf() > now.valueOf() ? 'disabled' : '';
        }       
    }
    );
});

Hier ist eine Geige:

http://jsfiddle.net/ymp5D/204/

19
Hassan Sardar

Du kannst tun:

$('#dob').datepicker('setDate', new Date(2006, 11, 24));
$('#dob').datepicker('update');
$('#dob').val('');

Fiddle Demo

34
Felix

Wenn Sie die Änderung global vornehmen möchten, suchen Sie in bootstrap-datepicker.js nach den folgenden:

function UTCToday(){
var today = new Date();
return UTCDate(today.getFullYear(), today.getMonth(), today.getDate());

und fester Code in Ihrem Datum, zum Beispiel:

function UTCToday(){
var today = new Date();
return UTCDate(2006, 00, 01);

Die wird am 1. Januar 2006 eröffnet ... .. Beachten Sie, dass der Januar aus irgendeinem Grund "00" und nicht "01" ist.

1
smkings

Dies funktioniert für mich nach einer langen Stunden der Suche. Diese Lösung ist für Bootstrap Datetimepicker Version 4, wenn Sie das Standarddatum im Eingabefeld festlegen müssen.

HTML

"input type='text' class="form-control" id='datetimepicker5' placeholder="Select to date" value='<?php echo $myDate?>'// $myDate is having value '2016-02-23' "

Hinweis - Wenn Sie in php codieren, können Sie den Wert des Eingabedatenfelds mit php festlegen, aber datetimepicker setzt es auf das aktuelle Datum zurück, wenn Sie die datetimepicker () - Funktion darauf anwenden. Um dies zu verhindern, verwenden Sie den angegebenen JS-Code

JAVASCRIPT

<script>
$('#datetimepicker5').datetimepicker({
    useCurrent: false, //this is important as the functions sets the default date value to the current value 
    format: 'YYYY-MM-DD'
});
</script>
1
Sunakshi Maurya

Die oben genannte akzeptierte Lösung ist abgestuft. Um anderen Benutzern mit den neuesten Dateien zu helfen, wenn Sie Version 4 oder neuer haben und eine Methode aufrufen möchten, finden Sie hier ein Beispiel für die Bootstrap-Datentimepicker-Methode:

$('#eventDate').data("DateTimePicker").date(moment(date).format('YYYY-MM-DD'));

bootstrap.datetimepicker format Optionsbeispiel:

 $('#eventDate').datetimepicker({ format: 'YYYY-MM-DD' });

weitere Informationen finden Sie hier (jedoch ohne gültiges Beispiel :)): http://eonasdan.github.io/bootstrap-datetimepicker/Options/

1

Wenn Sie in meiner Version den Wert in die Eingabe eingeben, wird der Kalender automatisch aktualisiert.

$('#birthdate').val("01/01/2001");
1
Al Gallardo

sie können einfach einen Wert zuweisen (mit Ihrem Eingabe-Tag und es sollte funktionieren

<input type="text" class="form-control" value="22-05-2017">
0
Pietro Allievi

Ich wollte beim Start ein Datum festlegen, und die genannten Methoden haben nicht funktioniert. Das Datum wurde angezeigt, aber als ich auf das Objekt geklickt habe, wurde das Datum nicht ausgewählt.

Was ich also getan habe, ist das Datepicker-Objekt der Bibliothek abzurufen und die _setDate-Methode darauf anzuwenden:

$('#dob').data("datepicker")._setDate(date);

Damit dies funktioniert, muss das Datumsobjekt um UTC-Zeit um Mitternacht liegen, also vor mir:

var date = new Date();
date.setUTCHours(0,0,0,0);

Und dann hat es funktioniert.

0
johanvs