JQuery UI – तिथि पिकर, विशिष्ट तिथियों को अक्षम करना

मैं JQuery Ui का उपयोग करके विशिष्ट तिथियों को अक्षम करने का प्रयास कर रहा हूं। हालांकि, मुझे कोई भाग्य नहीं है, यह मेरा कोड है:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="en"> <head> <link rel="stylesheet" type="text/css" href="development-bundle/themes/ui-lightness/jquery.ui.all.css"> <style type="text/css"> .ui-datepicker .preBooked_class { background:#111111; } .ui-datepicker .preBooked_class span { color:#999999; } </style> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>jQuery UI Datepicker</title> <script type="text/javascript" src="development-bundle/jquery-1.7.1.js"></script> <script type="text/javascript" src="development-bundle/ui/jquery.ui.core.js"></script> <script type="text/javascript" src="development-bundle/ui/jquery.ui.widget.js"></script> <script type="text/javascript" src="development-bundle/ui/jquery.ui.datepicker.js"></script> 

तिथि पिक्चर ऑब्जेक्ट इंस्टेंटिएट करें

 <script type="text/javascript"> $(function() { $( "#iDate" ).datepicker({ dateFormat: 'dd MM yy', beforeShowDay: checkAvailability }); }) 

कैलेंडर के भीतर की तिथियां अक्षम करें

  var unavailableDates = ["9-3-2012","14-3-2012","15-3-2012"]; function unavailable(date) { dmy = date.getDate() + "-" + (date.getMonth()+1) + "-" + date.getFullYear(); if ($.inArray(dmy, unavailableDates) == -1) { return [true, ""]; } else { return [false,"","Unavailable"]; } } $('#iDate').datepicker({ beforeShowDay: unavailable }); </script> </head> <body> <input id="iDate"> </body> </html> 

यह काम नहीं लग रहा है, कोई भी विचार मैं इसे कैसे हल कर सकता हूं। खुश होती है।

वेब के समाधान से एकत्रित समाधान "JQuery UI – तिथि पिकर, विशिष्ट तिथियों को अक्षम करना"

ऐसा लगता है कि आप एक इनपुट पर दो बार datepicker कह रहे हैं। अपने कोड का पालन करना कठिन है, लेकिन यदि आप इसे फिर से व्यवस्थित करते हैं और दूसरी datepicker कॉल को निकालते हैं, तो सब कुछ कार्य करना चाहिए:

 <script type="text/javascript"> var unavailableDates = ["9-3-2012", "14-3-2012", "15-3-2012"]; function unavailable(date) { dmy = date.getDate() + "-" + (date.getMonth() + 1) + "-" + date.getFullYear(); if ($.inArray(dmy, unavailableDates) == -1) { return [true, ""]; } else { return [false, "", "Unavailable"]; } } $(function() { $("#iDate").datepicker({ dateFormat: 'dd MM yy', beforeShowDay: unavailable }); }); </script> 

उदाहरण: http://jsfiddle.net/daCrosby/JjPrU/334/

उपयोगी उत्तर .. यदि आप एक दिन को निष्क्रिय करना चाहते हैं, तो आप निम्न के रूप में कर सकते हैं:

  $scope.dateOptions = { beforeShowDay: unavailable }; function unavailable(date) { if (date.getDay() === 0) { return [true, ""]; } else { return [false, "", "Unavailable"]; } } 

उपरोक्त केवल रविवार को सक्षम होगा और अन्य सभी दिन अक्षम हो जाएंगे। उम्मीद है की यह मदद करेगा।