Datepicker 仅在 JavaScript 中选择星期天

Question

下面是我的代码 - 我需要限制用户在日期选择器中只选择星期天，其余天应该是灰色的。所以日期选择器应该只显示星期天。

请帮助我。下面的代码运行良好，默认日期为从今天开始的 4 周，如果可能，用户可以更改它。

<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

我认为这与您面临的问题相同。 这仅在 datepicker 中启用 Sunday。

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), ''];
}

});