2016-07-21 38 views
1

Demo und vollständige Code ist wie folgt: http://fiddle.jshell.net/TC6Gr/436/Wie füge ich datetimepicker hinzu und füge zweiten hinzu?

Mein JavaScript-Code ist wie folgt:

$('#time-start').datetimepicker({ 
    format: 'mm/dd/yyyy hh:ii', 
    autoclose: true, 
    pickerPosition: "bottom-left", 
    maxView: 3, 
    minuteStep: 1 
}) 

ich der Code ausgeführt werden soll, dann ist es aktuelle Datetime sehen wird. Ich möchte auch Sekunde sehen. Also, zweitens auch angesehen. Die zweite ebenfalls ausgewählt. Ich hatte Antwort in Google suchen, aber ich finde es nicht. Ich bin immer noch verwirrt

Jede Lösung, um mein Problem zu lösen?

+0

tun Sie meinen Sie Datetime wollen auch für das zweite Element? –

+0

@JayeshChitroda, Ja, ich möchte das zweite Element auch anzeigen. Außerdem möchte ich das aktuelle Datum anzeigen –

Antwort

1

Versuchen Sie folgendes:

Fiddle

HTML:

<div class="col-sm-6 start-date"> 
    <div class='input-group date' id="time-end"> 
     <input type='text' id="time-start" class="form-control" placeholder="End Time" > 
     <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span> 
    </div> 
</div> 

Script:

Number.prototype.padLeft = function(base,chr){ 
    var len = (String(base || 10).length - String(this).length)+1; 
    return len > 0? new Array(len).join(chr || '0')+this : this; 
} 



    var d = new Date, 
     dformat = [ (d.getMonth()+1).padLeft(), 
        d.getDate().padLeft(), 
        d.getFullYear()].join('/')+ 
        ' ' + 
        [ d.getHours().padLeft(), 
        d.getMinutes().padLeft(), 
        d.getSeconds().padLeft()].join(':'); 
    $('#time-start').val(dformat); 

$('#time-start').datetimepicker({ 
    format: 'mm/dd/yyyy hh:ii:ss', 
    autoclose: true, 
    pickerPosition: "bottom-left", 
    maxView: 3, 
    minuteStep: 1 
}) 
+0

jsfiddle ist das gleiche wie meins. Ich habe die Antworten nicht gefunden. Ich möchte das vollständige Datum anzeigen. zum Beispiel 2016-07-20 13:53:10. Ich will kann Sekunden auswählen –

+0

Jetzt überprüfen Sie dies. Ich habe das Skript aktualisiert. Ändern Sie das Format. es wird sicher dein Problem lösen. –

+0

Ich wähle nicht Sekunde. Ich möchte kann die zweite auch –

0

Try This

function getDateTime() { 
    var now  = new Date(); 
    var year = now.getFullYear(); 
    var month = now.getMonth()+1; 
    var day  = now.getDate(); 
    var hour = now.getHours(); 
    var minute = now.getMinutes(); 
    var second = now.getSeconds(); 
    if(month.toString().length == 1) { 
     var month = '0'+month; 
    } 
    if(day.toString().length == 1) { 
     var day = '0'+day; 
    } 
    if(hour.toString().length == 1) { 
     var hour = '0'+hour; 
    } 
    if(minute.toString().length == 1) { 
     var minute = '0'+minute; 
    } 
    if(second.toString().length == 1) { 
     var second = '0'+second; 
    } 
    var dateTime = year+'/'+month+'/'+day+' '+hour+':'+minute+':'+second; 
    return dateTime; 
} 
0

Gerade zweiten Eingang für Datetime mit id zeit Ende hinzufügen und initialisieren Datetime für sie zu:

Demo: http://fiddle.jshell.net/wxoud40L/

<div class="col-sm-6 start-date"> 
    <div class='input-group date' id="time-end"> 
     <input type='text' class="form-control" placeholder="End Time" readonly> 
     <span class="input-group-addon"><span class="glyphicon lyphicon-calendar"></span></span> 
    </div> 
</div> 

JQuery

$('#time-end').datetimepicker({ 
    format: 'mm/dd/yyyy hh:ii:ss', 
    timeFormat: 'hh:ii:ss', 
    autoclose: true, 
    pickerPosition: "bottom-left", 
    maxView: 3, 
    minuteStep: 1 
}); 
+0

jsfiddle ist das gleiche wie meins. Ich habe die Antworten nicht gefunden. Ich möchte das vollständige Datum anzeigen. zum Beispiel 2016-07-20 13:53:10. Ich möchte Sekunden auswählen –

+0

Siehe aktualisierte Antwort und Geige –

+0

@ Samueltoh Format ändern und TimeFormat Eigenschaft –

Verwandte Themen