CODEWITHSUNDEEP
javascriptjquerydatepickercalendar
SUPER_USER
SUPER_USER

Reputation: 273

restrict calendar based on week

I use calendar .i want to restrict calendar when user select the date then date selection must be on weekly basic how i do that? days may be random e.g. Monday to Sunday or Tuesday to Monday etc .. must be 7 days

code

     <script type="text/javascript">

      $(function() {
  var currentYear = (new Date).getFullYear();
  var currentMonth = (new Date).getMonth();
  var currentDay = (new Date).getDate();

  $("#fromdate").datepicker({
    minDate: new Date((currentYear - 1), 12, 1),
    dateFormat: 'dd/mm/yy',
    maxDate: new Date(currentYear, currentMonth, currentDay)
  });
  $("#todate").datepicker({
    minDate: new Date((currentYear - 1), 12, 1),
    dateFormat: 'dd/mm/yy',
    maxDate: new Date(currentYear, currentMonth, currentDay)
  });
});
    </script>

HTML

 <asp:Label ID="Label1" runat="server" Text="From Date"></asp:Label>

  <input  ID="fromdate" runat="server" ClientIDMode="static" />

 <asp:Label ID="Label2" runat="server" Text="To Date"></asp:Label>

  <input  ID="todate" runat="server" ClientIDMode="static" />

Upvotes: 0

Views: 677

Answers (1)

Premanand K
Premanand K

Reputation: 632

Try this,

$(function() {
      var currentYear = (new Date).getFullYear();  
      $('#fromdate').datepicker({
        minDate: 0,
        dateFormat: 'dd/mm/yy',
        maxDate: new Date((currentYear + 1), 12, 1),
        onSelect: function(selectedDate) {

            // Start Date
            var startDate = $(this).datepicker('getDate');
            $('#todate').datepicker('option', 'minDate', startDate);
            $('#todate').datepicker('setDate', startDate);

            // End Date
            var enddate = $(this).datepicker('getDate');
            enddate.setDate(enddate.getDate()+ 6);
            $('#todate').datepicker('option', 'maxDate', enddate);
      }});

      $('#todate').datepicker({
        minDate: 0,
        dateFormat: 'dd/mm/yy',
        maxDate: '+6'
    });

});

Upvotes: 1

Related Questions