<div class="input-append bootstrap-timepicker">
    <input name="<?php  echo $nameform ?>" type="text" class="timepicker" value="<?php echo $value ?>">
    <span class="add-on"><i class="icon-time"></i></span>
</div>
<script>
    $(function(){
        $('.timepicker').timepicker();
    })
</script>
<?php if(!empty($value)): ?>
<script>
    $(function(){
        $('.timepicker').timepicker('setTime', '<?php echo $value ?>');
    })
</script>
<?php endif; ?>

<div class="input-append bootstrap-timepicker">
    <input name="<?php  echo $nameform ?>" type="text" class="timepicker" readonly="readonly" value="<?php echo $value ?>">
    <span class="add-on"><i class="icon-time"></i></span>
</div>
<script>
    $(function(){
        $('.timepicker').timepicker();
    })
</script>
<?php if(!empty($value)): ?>
<script>
    $(function(){
        $('.timepicker').timepicker('setTime', '<?php echo $value ?>');
    })
</script>
<?php endif; ?>

Read only to force the use of the time picker
Read only to force the use of the time picker
