2017-01-20 2 views
0

Ich verwende das daterangepicker JQuery Plugin, da ich einige Datumsbereiche als Teil eines Formulars ziehen muss. Auf dem gleichen Formular möchte ich aber auch das aktuelle Datum und die Uhrzeit automatisch anzeigen können, vorzugsweise über das Plugin.JQuery + Datumsanzeige - aktuelles Datum und Uhrzeit?

Ich kann nicht scheinen, einen Weg zu finden, um dies möglich zu machen, wie DRP das "YYYY/MM/DD HH:mm" Format zu mögen scheint nicht und stattdessen nur Datum des Displays heute ab Mitternacht (eg. 2017/01/20 00:00), aber nie die aktuelle Zeit.

Wie kann ich das beheben?

$(function() { 
    $('input[name="incident_date"]').daterangepicker({ 
     singleDatePicker: true, 
     showDropdowns: true, 
     timePicker: true, 
     timePicker24Hour: true, 
     timePickerIncrement: 10, 
     autoUpdateInput: true, 
     locale: { 
      format: 'YYYY/MM/DD HH:mm', 
     }, 
}); 

Antwort

1

sollten Sie die Option startDate: new Date() passieren.

$('input[name="incident_date"]').daterangepicker({ 
 
    singleDatePicker: true, 
 
    startDate: new Date(), 
 
    showDropdowns: true, 
 
    timePicker: true, 
 
    timePicker24Hour: true, 
 
    timePickerIncrement: 10, 
 
    autoUpdateInput: true, 
 
    locale: { 
 
    format: 'YYYY/MM/DD HH:mm' 
 
    }, 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-daterangepicker/2.1.25/moment.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-daterangepicker/2.1.25/daterangepicker.min.js"></script> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-daterangepicker/2.1.25/daterangepicker.css" rel="stylesheet"/> 
 
<input type="text" name='incident_date' />

+0

Danke, schaute ich auf anderen Beiträgen und fand, dass die 'startdate: new Date()' Option immer nach der daterangepicker initialisiert wurde aufgerufen wurde. Gut zu wissen, ich kann es auch so nennen. – Armitage2k

Verwandte Themen