Datepicker pour sélectionner uniquement les dimanches en javascript

Question

Ci-dessous est mon code- Je dois restreindre l'utilisateur pour sélectionner uniquement les dimanches dans le sélecteur de date, les jours de repos doivent être grisés. Ainsi, le sélecteur de date ne devrait afficher que les dimanches.

S'il vous plaît aidez-moi à ce sujet. Le code ci-dessous fonctionne bien, il est par défaut à 4 semaines à partir d'aujourd'hui et l'utilisateur peut le modifier si possible.

<script type="text/javascript"> 
 
     var j$ = jQuery.noConflict(); 
 
     var d = new Date(); 
 
     d.setDate(d.getDate()+28); 
 
     var fromDateStart = new Date(d); 
 
    
 
    
 
    var d = new Date(); 
 
     d.setDate(d.getDate()+29); 
 
      var toDateStart = new Date(d); 
 

 
     
 
     j$('.fromdatepickerctl').datepicker({ 
 
      startDate: getTodayDate() 
 

 
       
 

 
     }).on("changeDate", function(e) { 
 
      var fromDate = document.getElementById(e.target.id).value; 
 
      console.log('----> fromDate: '+fromDate); 
 
      var d = new Date(Date.parse(fromDate)); 
 
      d = d.setDate(d.getDate()+28); 
 
      j$('.todatepickerctl').datepicker('setDate', new Date(d)); 
 
     }); 
 
    
 

 
     j$('.todatepickerctl').datepicker({ 
 
      startDate: getTodayDate() 
 
     }).on("changeDate", function(e){ 
 
      var fromDateStr = j$(".fromdatepickerctl").val(); 
 
      var toDateStr = document.getElementById(e.target.id).value; 
 
      var parsedFromDate = new Date(Date.parse(fromDateStr)); 
 
      var parsedToDate = new Date(Date.parse(toDateStr)); 
 
      if(parsedFromDate > parsedToDate){ 
 
       alert('To Date can not be less than From Date.'); 
 
       document.getElementById(e.target.id).value = ''; 
 
       return false; 
 
      } 
 
     }) 
 
     
 
     j$('.fromdatepickerctl').datepicker('update', fromDateStart); 
 
     j$('.todatepickerctl').datepicker('update', toDateStart); 
 

 
    
 
     
 
     function getTodayDate(){ 
 
      var today = new Date(); 
 
      var dd = today.getDate(); 
 
      var mm = today.getMonth()+1; //January is 0! 
 
      var yyyy = today.getFullYear(); 
 
      
 
      if(dd<10) { 
 
       dd = '0'+dd 
 
      } 
 
      
 
      if(mm<10) { 
 
       mm = '0'+mm 
 
      } 
 
      
 
      today = mm + '/' + dd + '/' + yyyy; 
 
      //document.write(today); 
 
      return today; 
 
     } 
 
    </script>

Answer 1

Je suppose que ce problème est le même que vous faites face. Cela active uniquement le dimanche dans le sélecteur de date.

jquery ui date picker limit to Sundays

$(function(){ 


$("#thedate").datepicker({ 
    dateFormat: 'dd-mm-yy', 
    minDate: 1, 
    beforeShowDay: enableSUNDAYS 
}); 
// Custom function to enable SUNDAY only in jquery calender 
function enableSUNDAYS(date) { 
    var day = date.getDay(); 
    return [(day == 0), '']; 
} 

});