2017-05-02 2 views
-1

Der Standardwert ist wie folgt angegeben type="text" class="form-control" value="10:30AM" aber es zeigt nur 10:00 Uhr.clockpicker in js zeigt die falsche Zeit

hier ist der Code:

this.form = $('<form><div class="row-form status-row-oth border-bottom-none"><div class="col-sm-2 day-month">'+ this.date+'</div><div class="col-sm-2 selectpicker-oth activity-list"><select id="activity_dd_'+this.row_id+'"></select></div><div class="col-sm-3"><input type="text" class="form-control" id="memo_'+this.row_id+'" name="memo" placeholder="Enter memo..."></div><div class="col-sm-3 start-time-oth"><div class="start-time"><label>Start Time</label><div class="input-group clockpicker"><input name="start_time" id="start_time_'+this.row_id+'" type="text" class="form-control" value="10:30AM"><span class="input-group-addon"><i class="glyphicon glyphicon-time"></i></span></div></div><div class="start-time"><label>End Time</label><div class="input-group clockpicker"><input name="end_time" id="end_time_'+this.row_id+'" type="text" class="form-control" value="06:30PM"><span class="input-group-addon"><i class="glyphicon glyphicon-time"></i></span></div></div></div><div class="col-sm-2 save-memo-btn save-btn" id="'+this.save_btn_id+'"> <a href="#">Save Memo</a></div></div></form>'); 

jemand die Lösung kennen, dann lassen Sie es mich wissen.

dank
+1

Können Sie uns sagen, welche Bibliothek verwenden Sie? –

+1

wo ist die Uhr? – brk

+0

Der Code wurde aktualisiert. Sie können @brk überprüfen –

Antwort

-1

<html> 
 
<head> 
 
<!-- Bootstrap stylesheet --> 
 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
 
<!-- ClockPicker Stylesheet --> 
 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/clockpicker/0.0.7/bootstrap-clockpicker.css" /> 
 
</head> 
 

 
<body> 
 
<!-- Or just a input --> 
 
<input type="text" id="demo-input" class="form-control" value="10:30" /> 
 
<!-- jQuery and Bootstrap scripts --> 
 
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 
<!-- ClockPicker script --> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/clockpicker/0.0.7/bootstrap-clockpicker.js"></script> 
 
<script type="text/javascript"> 
 

 
$('#demo-input').clockpicker({ 
 
    'default': DisplayTimeWithAMPM(), 
 
    donetext: 'Done', 
 
    twelvehour: true, 
 
    autoclose: false, 
 
    leadingZeroHours: false, 
 
    upperCaseAmPm: true, 
 
    leadingSpaceAmPm: true, 
 
    afterHourSelect: function() { 
 
     $('.clockpicker').clockpicker('realtimeDone'); 
 
    }, 
 
    afterMinuteSelect: function() { 
 
     $('.clockpicker').clockpicker('realtimeDone'); 
 
    }, 
 
    afterAmPmSelect: function() { 
 
     $('.clockpicker').clockpicker('realtimeDone'); 
 
    } 
 
}); 
 

 
function DisplayTimeWithAMPM() { 
 
    debugger; 
 
    time = $('#demo-input').val() + "AM"; 
 
    debugger; 
 
    return time; 
 
}; 
 
</script> 
 
</body> 
 
</html>

gesetzt

12 Stunden: true

Damit Sie AM und PM-Box in Ihrem Timepicker bekommen. Hoffe, das wird für Sie arbeiten! danke

+0

Kann ich Grund für Downvote wissen? –