जेकरी यूआई डेटपिकर। तिथियों की सरणी अक्षम करें

Question 1

मैं अपनी Jquery ui डेटपिकर समस्या के समाधान के लिए खोज करने की कोशिश कर रहा हूं और मुझे कोई भाग्य नहीं मिल रहा है। यहाँ मैं करने की कोशिश कर रहा हूँ ...

मेरे पास एक एप्लिकेशन है जहां मैं कुछ जटिल PHP कर रहा हूं ताकि JSON की तारीखों की एक JSON सरणी वापस कर सकूं जो मैं Jquery UI Datepicker से बाहर चाहता हूं। मैं यह सरणी लौटा रहा हूं:

["2013-03-14","2013-03-15","2013-03-16"]

वहाँ बस कहने के लिए एक आसान तरीका नहीं है: तारीख से इन तिथियों को अवरुद्ध करें?

मैंने UI डॉक्यूमेंटेशन पढ़ा है और मुझे ऐसा कुछ भी नहीं दिखता जो मेरी मदद करे। क्या किसी के भी पास कोई सुझाव है?

Question 2

आप ऐसा करने के लिए ShowDay से पहले उपयोग कर सकते हैं

निम्नलिखित उदाहरण दिनांक 14 मार्च 2013 के माध्यम से 16 मार्च 2013 को निष्क्रिय करता है

var array = ["2013-03-14","2013-03-15","2013-03-16"]

$('input').datepicker({
    beforeShowDay: function(date){
        var string = jQuery.datepicker.formatDate('yy-mm-dd', date);
        return [ array.indexOf(string) == -1 ]
    }
});

डेमो: फिडल

Question 3

IE 8 में इंडेक्सऑफ फ़ंक्शन नहीं है, इसलिए मैंने इसके बजाय jQuery inArray का उपयोग किया।

$('input').datepicker({
    beforeShowDay: function(date){
        var string = jQuery.datepicker.formatDate('yy-mm-dd', date);
        return [$.inArray(string, array) == -1];
    }
});

Question 4

यदि आप रविवार (या अन्य दिनों) के साथ-साथ तारीखों के सरणी को भी ब्लॉक करना चाहते हैं, तो मैं इस कोड का उपयोग करता हूं:

jQuery(function($){

    var disabledDays = [
       "27-4-2016", "25-12-2016", "26-12-2016",
       "4-4-2017", "5-4-2017", "6-4-2017", "6-4-2016", "7-4-2017", "8-4-2017", "9-4-2017"
    ];

   //replace these with the id's of your datepickers
   $("#id-of-first-datepicker,#id-of-second-datepicker").datepicker({
      beforeShowDay: function(date){
         var day = date.getDay();
         var string = jQuery.datepicker.formatDate('d-m-yy', date);
         var isDisabled = ($.inArray(string, disabledDays) != -1);

         //day != 0 disables all Sundays
         return [day != 0 && !isDisabled];
      }
   });
});

Question 5

$('input').datepicker({
   beforeShowDay: function(date){
       var string = jQuery.datepicker.formatDate('yy-mm-dd', date);
       return [ array.indexOf(string) == -1 ]
   }
});

Question 6

इससे पहले कि मेरे लिए काम न करें, इसलिए मैंने आगे बढ़कर अपना खुद का समाधान विकसित किया:

$('#embeded_calendar').datepicker({
               minDate: date,
                localToday:datePlusOne,
               changeDate: true,
               changeMonth: true,
               changeYear: true,
               yearRange: "-120:+1",
               onSelect: function(selectedDateFormatted){

                     var selectedDate = $("#embeded_calendar").datepicker('getDate');

                    deactivateDates(selectedDate);
                   }

           });


              var excludedDates = [ "10-20-2017","10-21-2016", "11-21-2016"];

              deactivateDates(new Date());

            function deactivateDates(selectedDate){
                setTimeout(function(){ 
                      var thisMonthExcludedDates = thisMonthDates(selectedDate);
                      thisMonthExcludedDates = getDaysfromDate(thisMonthExcludedDates);
                       var excludedTDs = page.find('td[data-handler="selectDay"]').filter(function(){
                           return $.inArray( $(this).text(), thisMonthExcludedDates) >= 0
                       });

                       excludedTDs.unbind('click').addClass('ui-datepicker-unselectable');
                   }, 10);
            }

            function thisMonthDates(date){
              return $.grep( excludedDates, function( n){
                var dateParts = n.split("-");
                return dateParts[0] == date.getMonth() + 1  && dateParts[2] == date.getYear() + 1900;
            });
            }

            function getDaysfromDate(datesArray){
                  return  $.map( datesArray, function( n){
                    return n.split("-")[1]; 
                });
             }

Question 7

DD-MM-YY के लिए इस कोड का उपयोग करें:

var array = ["03-03-2017 ', '03 -10-2017', '03 -25-2017"]

$('#datepicker').datepicker({
    beforeShowDay: function(date){
    var string = jQuery.datepicker.formatDate('dd-mm-yy', date);
    return [ array.indexOf(string) == -1 ]
    }
});

function highlightDays(date) {
    for (var i = 0; i < dates.length; i++) {
    if (new Date(dates[i]).toString() == date.toString()) {
        return [true, 'highlight'];
    }
}
return [true, ''];
}

Question 8

यदि आप विशेष तिथि (तारीखों) को jquery datepicker में अक्षम करना चाहते हैं तो यहां आपके लिए सरल डेमो है।

<script type="text/javascript">
    var arrDisabledDates = {};
    arrDisabledDates[new Date("08/28/2017")] = new Date("08/28/2017");
    arrDisabledDates[new Date("12/23/2017")] = new Date("12/23/2017");
    $(".datepicker").datepicker({
        dateFormat: "dd/mm/yy",
        beforeShowDay: function (date) {
            var day = date.getDay(),
                    bDisable = arrDisabledDates[date];
            if (bDisable)
                return [false, "", ""]
        }
    });
</script>