1. <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.js"
type="text/javascript"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.16/jquery-ui.js"
type="text/javascript"></script>
<link
href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.16/themes/humanity/jquery-
ui.css" rel="stylesheet" type="text/css" />
<style type="text/css">
.ui-datepicker {
background: #111;
border: 1px solid #555;
color: #EEE;
height: auto;
margin: 9px auto 0;
font: 9pt Arial, sans-serif;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
text-decoration: none;
}
.ui-datepicker-title {
text-align: center;
}
.ui-datepicker a {
text-decoration: none;
}
.ui-datepicker table {
width: 100%;
}
</style>
<script type="text/javascript">
$(function () {
$("[id$=txtdate]").datepicker({
dateFormat: "mm-dd-yy",
changeYear: true,
changeMonth: true,
showAnim: "slide",
});
});
$(function () {
$("[id$=required_date]").datepicker({
dateFormat: "dd-mm-yy",
changeYear: true,
showAnim: "slide",
});
});
</script>