Is it possible to disable future date from today?
Let say today is 23/10/2010, so 24/10/2010 onwards are disabled.
Sorry I am very new in jQuery and JavaScript.
Add a comment
|
9 Answers
Yes, indeed. The datepicker has the maxdate property that you can set when you initialize it.
Here's the codez
$("#datepicker").datepicker({ maxDate: new Date, minDate: new Date(2007, 6, 12) });
1 Comment
mawburn
Remember that when setting javascript's
Date object use month-1. So, Jan is 0 and Dec is 11. This just slipped my mind for a few minutes.$(function() { $("#datepicker").datepicker({ maxDate: '0'}); });
2 Comments
Rajeshkumar Kandhasamy
We can use with out single quotes also for ex:
maxDate: 0
JoshYates1980
nice. I needed this for Date of Death. End user kept predicting the death of people.
Try This:
$('#datepicker').datepicker({
endDate: new Date()
});
It will disable the future date.
1 Comment
bdalina
endDate works, maxDate doesn't work for me, thanks @pankaj
you can use the following.
$("#selector").datepicker({
maxDate: 0
});
Comments
Code for Future Date only with disable today's date.
var d = new Date();
$("#delivdate").datepicker({
showOn: "button",
buttonImage: base_url+"images/cal.png",
minDate:new Date(d.setDate(d.getDate() + 1)),
buttonImageOnly: true
});
$('.ui-datepicker-trigger').attr('title','');
1 Comment
Unni Kris
Welcome to Stack Overflow! please avoid putting words in Caps and bold unless they are very important.
Date for the future 1 year can be done by
$('.date').datepicker({dateFormat: 'yy-mm-dd', minDate:(0), maxDate:(365)});
you can change the date format too by the parameter dateFormat
1 Comment
Abdul Rehman
link can be visited for further datepicker parameters.
http://stefangabos.ro/jquery/zebra-datepicker
use zebra date pickers:
$('#select_month1').Zebra_DatePicker({
direction: false,
format: 'Y-m-d',
pair: $('#select_month2')
});
$('#select_month2').Zebra_DatePicker({
direction: 1, format: 'Y-m-d',
});
Comments
Yes, datepicker supports max date property.
$("#datepickeraddcustomer").datepicker({
dateFormat: "yy-mm-dd",
maxDate: new Date()
});
1 Comment
Wtower
How is your answer different than the currently accepted one?
$('#thedate,#dateid').datepicker({
changeMonth:true,
changeYear:true,
yearRange:"-100:+0",
dateFormat:"dd/mm/yy" ,
maxDate: '0',
});
});
