Show Time with HTML5 INPUT type time without AM/PM

Last Reply 5 months ago By dharmendr

Posted 5 months ago

how to show time with input type time without ampm in

                    <div class="col-md-12 form-group row">
                        <div class="col-sm-4 text-right">
                            <label class="control-label">Time :<span style="color: red">*</span></label>
                        <div class="col-sm-8">                            
                            <input type="time" class="form-control " runat="server"  placeholder="Select Time" id="Text1" />
                            <asp:Label ID="lbltim" runat="server" Style="display: none; color: red; font-weight: bold;">Please Select Time.</asp:Label>


Posted 5 months ago Modified on 5 months ago

Hi sivanaidu,

It is not possible without ampm. You should use custom input time to do this work.

Use BootStrap TimePicker controll to do this.


<style type="text/css">
    .bootstrap-timepicker-meridian, .meridian-column
        display: none;
<script type="text/javascript" src=""></script>
<link rel="stylesheet" type="text/css" href="" />
<link rel="stylesheet" type="text/css" href="" />
<script type="text/javascript" src=""></script>
<script type="text/javascript">
    $(function () {
            showMeridian: false,
            showInputs: true
<input id="timepicker" type="text">