mardi 19 mai 2015

disabling specific dates from html datepicker jquery

hey guys i am trying to set a datepicker in my webpage and disable some dates from it so it can't be showing
this is the code:

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Untitled Document</title>

<link href="jquery-ui/jquery-ui.css" rel="stylesheet">
<script src="jquery-ui/external/jquery/jquery.js" ></script>
<script src="jquery-ui/jquery-ui.js"></script>

<script>

/** Days to be disabled as an array */
var disableddates = ["20-5-2015", "12-11-2014", "12-25-2014", "12-20-2014"];

function DisableSpecificDates(date) {

var m = date.getMonth();
var d = date.getDate();
var y = date.getFullYear();

// First convert the date in to the mm-dd-yyyy format 
// Take note that we will increment the month count by 1 
var currentdate = (m + 1) + '-' + d + '-' + y ;

// We will now check if the date belongs to disableddates array 
for (var i = 0; i < disableddates.length; i++) {

// Now check if the current date is in disabled dates array. 
if ($.inArray(currentdate, disableddates) != -1 ) {
return [false];
}
}

}


 $(function() {
 $( "#date" ).datepicker({
 beforeShowDay: DisableSpecificDates
 });
 });
 </script>


 </head>

 <body>

 <input id="date" type="text">


 </body>
 </html>

but it is not working for some reason... the date picker don't even show can someone plz help




Aucun commentaire:

Enregistrer un commentaire