জ্যাকুরি ইউআই ডেটপিকার। তারিখের অ্যারে অক্ষম করুন

Question 1

আমি আমার জ্যাকোয়ারি ইউআই ডেটপিকার সমস্যার সমাধান অনুসন্ধান করার চেষ্টা করছি এবং আমার ভাগ্য নেই। এখানে আমি যা করার চেষ্টা করছি ...

আমার একটি অ্যাপ্লিকেশন রয়েছে যেখানে আমি জ্যাকারি ইউআই ডেটপিকারের বাইরে থাকা চাই এমন একটি তারিখের JSON অ্যারে ফিরিয়ে দেওয়ার জন্য কিছু জটিল পিএইচপি করছি। আমি এই অ্যারেটি ফিরিয়ে দিচ্ছি:

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

সহজভাবে বলতে কি কোনও সহজ উপায় নেই: ডেটপিকারটি থেকে এই তারিখগুলি অবরুদ্ধ করুন?

আমি ইউআই ডকুমেন্টেশন পড়েছি এবং আমি এমন কোনও কিছুই দেখি না যা আমাকে সাহায্য করে। কারো কোন ধারণা আছে?

Question 2

আপনি ব্যবহার করতে পারেন beforeShowDay এই কাজ করতে

নিম্নলিখিত উদাহরণটি 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 ব্যবহার করেছি।

$('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

ডিডি-এমএম-ওয়াইয়ের জন্য এই কোডটি ব্যবহার করুন:

var অ্যারে = ["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 ডেটপিকারে নির্দিষ্ট তারিখ (গুলি) অক্ষম করতে চান তবে এখানে আপনার জন্য সহজ ডেমো।

<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>