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