CODEWITHSUNDEEP
angularjs
William Kennedy
William Kennedy

Reputation: 143

How to disable titles and arrows in angular-bootstrap-datetimepicker?

How do I hide (or disable) the title and arrows when I'm using time only?

I'm using angular-bootstrap-datetimepicker v1.1.4

https://github.com/dalelotts/angular-bootstrap-datetimepicker

enter image description here

Upvotes: 0

Views: 942

Answers (1)

Sasang
Sasang

Reputation: 1281

If you just want the times shown for a particular date and do not want the user to navigate out of it, an option you have is to hide the top section (the left arrow, date title and right arrow). Since the calendar is defined within a table, the change to do this is pretty simple; just add a css property to hide the thead of the datetimepicker. Note you'll probably still want to look for date change events and such and disable them. Take a look at the jsfiddle below, with a working example:

jsFiddle

Upvotes: 1

Related Questions