jQuery Datepicker - Multiple instances and disable previously selected dates?
<p>I have a page where the user can select three different appointment days using the jQuery UI Datepicker. When the user selects a day in the first field, I would like that date blocked out from the other two fields. I currently am also disabling Sundays, but cannot get dynamic date disabling working.</p>

<pre><code>    Appointment Time 1&lt;br /&gt;
&lt;input id="appointment1_date" type="text" name="appointment1_date" value="Select..." /&gt;

Appointment Time 2&lt;br /&gt;
&lt;input id="appointment2_date" type="text" name="appointment2_date" value="Select..." /&gt;

Appointment Time 3&lt;br /&gt;
&lt;input id="appointment3_date" type="text" name="appointment3_date" value="Select..." /&gt;


     &lt;script type="text/javascript"&gt;
     function noSunday(date){
          var day = date.getDay();
                      return [(day &gt; 0), ''];
          };
     &lt;/script&gt;
     &lt;script type="text/javascript"&gt;
     $(function() {
      $("#appointment1_date").datepicker(
      {
       minDate: +2, 
       beforeShowDay: noSunday
      });
     });
     $(function() {
      $("#appointment2_date").datepicker(
      {
       minDate: +2, 
       beforeShowDay: noSunday
      });
     });
     $(function() {
      $("#appointment3_date").datepicker(
      {
       minDate: +2, 
       beforeShowDay: noSunday
      });
     });
     &lt;/script&gt;
</code></pre>
