Disable Next in Jquery datepicker

Question

Is there any other way by which I cannot allow the user to select next months. I had gone through some threads but I don't want to disable both next and previous buttons by using step functionality as directed in this link.

 function bindPicker() {
        $("input[type=text][id*=Date]").datepicker({
            changeMonth: true,
            changeYear: true,
            yearRange: "-100:+0",
            showOn: "both",
            buttonImage: "../../images/Calender.png",
            buttonImageOnly: true,
            dateFormat: "M-yy"
        });
    }

There is not any native jQuery UI method to disable this feature. What is wrong with the other thread ? — Flo Schild, Apr 16 '13 at 14:53
Mohammad: yes that was a way and I am able to get the desired result. — Incredible, Apr 17 '13 at 05:11

score 6 · Answer 1 · answered Apr 16 '13 at 14:57

6

Well if you are looking to simply remove the next/previous options and only use a forced month in your code, you can use CSS.

.ui-datepicker-next,.ui-datepicker-prev{display:none;}

This will just remove the next/prev buttons all together. Then if need be you can even put in like some .toggle() code to show/hide them when needed.

answered Apr 16 '13 at 14:57

M.Hoover

326
1
3

Thank you so much, I wish I could select more than one answer. – Incredible Apr 17 '13 at 05:12
this answer better than the previous if you set the max date or min date jquery disable the buttons but i this way the buttons working good ! – peiman F. Sep 30 '13 at 23:29

score 4 · Accepted Answer · answered Apr 16 '13 at 15:29

4

Try setting the maxDate option to 0, this set the max date to +0 days from today.

$(".datepicker").datepicker({maxDate: '0'});

More info: http://api.jqueryui.com/datepicker/#option-maxDate

answered Apr 16 '13 at 15:29

Benjamín Martínez

323
2
9

score 2 · Answer 3 · answered May 21 '14 at 16:06

2

If you only want to hide the next/previous when they're disabled (ie. all valid dates are within a single month), use the following:

.ui-datepicker-prev.ui-state-disabled { display: none; }
.ui-datepicker-next.ui-state-disabled { display: none; }

answered May 21 '14 at 16:06

khalid13

2,767
2
30
48

Excellent. Thank You :) – Chandan Kumar May 18 '17 at 04:38

score -1 · Answer 4 · edited Dec 15 '15 at 09:18

-1

Datepicker with hiding next and prev buttons and date format and defined date.

$("#dateTextId")
    .datepicker({dateFormat: "dd-M-y",stepMonths:0})
    .datepicker('setDate',new Date(date_string));

edited Dec 15 '15 at 09:18

Vini

1,978
8
40
82

answered Dec 15 '15 at 08:58

Pardeep

1

Disable Next in Jquery datepicker

4 Answers4

Linked