Как добавить текущий datetimepicker и добавить второй?

Question

Demo и полный код выглядит так: http://fiddle.jshell.net/TC6Gr/436/

Мой Javascript код выглядит так:

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

Я хочу, чтобы код выполняется, это будет просматривать текущий DateTime. Я тоже хочу посмотреть второй. Итак, второй также рассматривается. Второй также выбран. Я искал ответ в google, но не нашел его. Я все еще запутался

Любое решение для решения моей проблемы?

Answer 1

Попробуйте это:

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> 

Сценарий:

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 
}) 

Answer 2

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; 
} 

Answer 3

Просто добавьте второй вход для DateTimePicker с идентификатором времени конца и инициализировать DateTimePicker для него тоже:

Демо: 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 
});