Solved

JQuery help with datepicker - minDate

Posted on 2012-12-20

1 solution

Medium Priority

1,060 Views

Last Modified: 2013-01-12

How can I modify this script to "block" current date in my calendar datepicker popup? I don't want users to pick the current date for my appointment application, ie., no same-day appointments allowed. I'm modifying existing code and do not know javascript well.

$(document).ready(function() {
$(#div_date").hide();
});

$(function () {
$(#apptDate").datepicker({ beforeShowDay: $.datepicker.noWeekends}
);
$("#date_pickup_icon").click(function () {
$("#apptDate").datepicker("show");
});
});

_____________________
I use the jquery library. There is an attribute (excuse the incorrect terminology); "minDate". Default is NULL. How do I use this to specify the blocking of the current date and previous dates.

Comment

Question by:newBieProgram

[X]

Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

Help others & share knowledge
Earn cash & points
Learn & ask questions

Join The Community

4 Comments

LVL 3

Expert Comment

by:KevinSchmaltz

ID: 387112132012-12-20

I think you want to set the mindate equal to 1 check out the link below:

http://stackoverflow.com/questions/3247656/jquery-ui-datepicker-disable-todays-date-if-today-is-monday

LVL 4

Accepted Solution

by:brendonfeeley

brendonfeeley earned 2000 total points

ID: 387130712012-12-21

minDate needs to be set to +1d

Try this:

$(document).ready(function() {
      $(#div_date").hide();
});

$(function () {
      $(#apptDate").datepicker({
            minDate: '+1d',
            beforeShowDay: $.datepicker.noWeekends
      }
);
       $("#date_pickup_icon").click(function () {
            $("#apptDate").datepicker("show");
       });
});

Author Comment

by:newBieProgram

ID: 387149172012-12-21

I will try this. Thank you.

Author Comment

by:newBieProgram

ID: 387710272013-01-12

Yes, it worked. I set the minDate to +1. Thank you! Very much appreciated!

Featured Post

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Introducing the Knockout JavaScript Framework (MVVM)

Article by: Rob

Introduction Knockoutjs (Knockout) is a JavaScript framework (Model View ViewModel or MVVM framework). The main ideology behind Knockout is to control from JavaScript how a page looks whilst creating an engaging user experience in the least …

Using a drop down box to populate a second drop down box

Article by: cstsang

I found this questions asking how to do this in many different forums, so I will describe here how to implement a solution using PHP and AJAX. The logical flow for the problem should be: Write an event handler for the first drop down box to get …

Validation of Email Addresses with Regular Expressions

Video by: Terry

Explain concepts important to validation of email addresses with regular expressions. Applies to most languages/tools that uses regular expressions. Consider email address RFCs: Look at HTML5 form input element (with type=email) regex pattern: T…

Introduction to PHP: Building the Form

Video by: Jason

The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …