amitabhaghosh197
4/14/2016 - 8:59 AM

Custom DatePicker

Custom DatePicker

customdatepicker.html
content_copyfile_download

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <meta name="robots" content="noindex, nofollow">
  <meta name="googlebot" content="noindex, nofollow">

<script type="text/javascript" src="//code.jquery.com/jquery-1.8.3.js"></script>
<link rel="stylesheet" type="text/css" href="/css/result-light.css">   
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/themes/redmond/jquery-ui.css">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>
<script type='text/javascript'>//<![CDATA[
$(window).load(function(){
var array = ["2013-03-14","2013-03-15","2013-03-16"];

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

    onSelect: function(dateText, inst) {
  var date = $(this).datepicker('getDate');
  dateString = new Date(date).toUTCString();
  dateString = dateString.split(' ').slice(0, 4).join(' ')
  $('input').val(dateString);

}

});



});//]]> 

</script>
</head>
<body>
  <input class="selector"/>

  <p id="getAll"></p>
  
</body>
</html>