Remove 'Now' button from jsfile of timepicker jquery plugin

Question

Does anyone know how to remove the "Now" button from the jquery timepicker add on file?

I removed the var currentText = 'Now', and this change removes the text, but the button is still there, labelled "Today" instead of "Now". I do not need this button in the timepicker.

I am using Trent Richardson's timepicker.

The timepicker can be seen on this website: click here

The js file can be seen here, click here

score 4 · Accepted Answer · answered Dec 15 '11 at 19:22

The 'Now' button replaces the Today button normally, but without text it uses the default.

In your CSS, simply set the now button to "display: none;"

If I remember correctly, you can set this in the .ui-priority-secondary - but not sure if it is used elsewhere.. have a play, but this should be your solution, just depends on usage.

score 2 · Answer 2 · answered Dec 22 '11 at 16:13

2

Found my answer here:

I am using the Yii extension and added the code found at the site below to my css/main.css file. Voila!

https://forum.jquery.com/topic/disable-now-in-timepicker

answered Dec 22 '11 at 16:13

Andrew

37
1

3

Yes, as in the answer above, this code simply adds 'display: none;' to the CSS. – Warren Sergent Jan 27 '12 at 05:55

score 1 · Answer 3 · answered Jul 27 '15 at 05:36

1

Use this CSS, Works fine for me.

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float:left;
background: #900;
display: none;
}

answered Jul 27 '15 at 05:36

Dinesh

371
3
8

score 1 · Answer 4 · answered Feb 02 '17 at 16:04

1

To hide all the buttons of the calendar set the property showButtonPanel with false

$("#inputDate").datetimepicker({showButtonPanel: false});

answered Feb 02 '17 at 16:04

rray

2,518
1
28
38

score 0 · Answer 5 · answered Sep 19 '14 at 10:19

0

Following property to .timepicker() solved my problem:

minDate: new Date(2080, 1, 1)

Just provide very long date which disables now button by itself.

So the final code is:

$('#time-duration-box').timepicker({
    minDate: new Date(2050, 1, 1)
});

answered Sep 19 '14 at 10:19

Kedar.Aitawdekar

2,364
1
23
25

This hides the "now" button, but also makes it impossible to do anything useful with the timepicker. – Petter Brodin Dec 08 '17 at 09:46

Remove 'Now' button from jsfile of timepicker jquery plugin

5 Answers5