datepicker - Boostrap DateTimePicker show time only -


i need bootstrap datepicker

<div class="container">     <div class="row">         <div class='col-sm-6'>             <div class="form-group">                 <div class='input-group date' id='datetimepicker3'>                     <input type='text' class="form-control" />                     <span class="input-group-addon">                         <span class="glyphicon glyphicon-time"></span>                     </span>                 </div>             </div>         </div>         <script type="text/javascript">             $(function () {                 $('#datetimepicker3').datetimepicker({                     format: 'lt'                 });             });         </script>     </div> </div> 

the code works, shows date instead of time.

you need edit format option show time only:

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet"/>  <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.css" rel="stylesheet"/>    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.js" ></script>  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>  <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.js" type="text/javascript" ></script>  <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script>      <div class="container">      <div class="row">          <div class='col-sm-6'>              <div class="form-group">                  <div class='input-group date' id='datetimepicker3'>                      <input type='text' class="form-control" />                      <span class="input-group-addon">                          <span class="glyphicon glyphicon-time"></span>                      </span>                  </div>              </div>          </div>          <script type="text/javascript">              $(function () {                  $('#datetimepicker3').datetimepicker({                      format: 'hh:mm'                  });              });          </script>      </div>  </div>


Comments

Popular posts from this blog

python - Selenium remoteWebDriver (& SauceLabs) Firefox moseMoveTo action exception -

html - How to custom Bootstrap grid height? -

transpose - Maple isnt executing function but prints function term -