Question

1

bootstrap timepicker not showing time picker option

rated 0 times [ 7] [ 6] / answers: 1 / hits: 23866 / 9 Years ago, wed, december 2, 2015, 12:00:00

i am making an application and using bootstrap timepicker and its only showing current time in my input field but not showing time picker to select time picker
please help me to resolve it .
and also not showing any error .

HTML

<div class=col-xs-3> <label>Invoice #</label>

   <input class=timepicker form-control  >

</div>

CSS

<!-- Bootstrap time Picker -->

<link rel=stylesheet href=plugins/timepicker/bootstrap-timepicker.min.css>

JS

 <!-- bootstrap time picker -->

<script src=plugins/timepicker/bootstrap-timepicker.min.js></script>



//Timepicker

$(.timepicker).timepicker({

    showInputs: false

});

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

estefanib

Add To Favorites

Follow

Total Points: 508

Total Questions: 104

Total Answers: 83

Location: Lebanon

Member since Sun, Aug 2, 2020

4 Years ago

estefanib questions

1 JavaScript - wait until element loaded on website using Chrome extension

Sat, Jul 10, 21, 00:00, 3 Years ago

1 How to auto close an alert after few seconds with Bootstrap?

Mon, Jun 28, 21, 00:00, 3 Years ago

1 What is the difference between a User and a GuildMember in discord.js?

Sun, Sep 20, 20, 00:00, 4 Years ago

1 react styled components style inner elements

Fri, Aug 21, 20, 00:00, 4 Years ago

1 How to automatically refresh an interactive grid after clicking on save button or at a fixed interval?

Wed, Jun 17, 20, 00:00, 4 Years ago

View All

answered 9 Years ago leonardok · Accepted Answer

It seems to work for me.

<link href=https://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css rel=stylesheet />

<link href=https://cdn.jsdelivr.net/bootstrap.timepicker/0.2.6/css/bootstrap-timepicker.min.css rel=stylesheet />

<script src=https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js></script>

<script src=https://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js></script>

<script src=https://code.jquery.com/jquery-1.9.1.js></script>

<script src=https://cdn.jsdelivr.net/bootstrap.timepicker/0.2.6/js/bootstrap-timepicker.min.js></script>





<div class=input-group bootstrap-timepicker timepicker>

  <input id=timepicker1 type=text class=form-control input-small>

  <span class=input-group-addon><i class=glyphicon glyphicon-time></i></span>

</div>



<script type=text/javascript>

  $('#timepicker1').timepicker({

    showInputs: false

  });

</script>