Calendar in j-query

Calendar create in j-query




Css

a{ text-decoration:none;}
.ui-datepicker{ font-size:12px;}
.ui-widget-header{ background:#03C;}
 .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{ background:#C36 !important; color:#6F9 !important; border:1px solid #000 !important;}




HTML

<input type="text" id="calender" />


JS

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery-ui.js"></script>

<script type="text/javascript">

$(document).ready(function() {
$('#calender').datepicker({
numberOfMonths:3,
dateFormat:"dd-mm-yy"
});  
});


</script>



supporting file download for giving bottom links 

http://jqueryui.com/download/
go to bottom select blitzer mode and after that download the files




No comments:

Post a Comment