HTML - jquery datepicker wiht .NET

<asp:TextBox ID="TextBoxCloseDate" runat="server" CssClass="textEntry"></asp:TextBox>
<script type="text/javascript">
     $(document).ready(function () {
           $("#<%=TextBoxCloseDate.ClientID %>").datepicker({
                  dateFormat: 'dd-mm-yy',
                  changeMonth: true,
                  changeYear: true,
                  showOn: 'button',
                  buttonImageOnly: true,
                  buttonImage: 'images/icon-calendar.png'
           });
     });
</script>


<style>
 #ui-datepicker-div {
     font-size: 90%; /* Without this the datepicker looks huge! */
 }
 .ui-datepicker-trigger {
            vertical-align: middle; 
            margin-left:auto;
     margin-right:auto;
     margin-bottom:5px;
}
</style>
 

#Version: jQuery UI 1.9.2
#URL Reference: http://jqueryui.com/datepicker
 
http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css
http://code.jquery.com/jquery-1.8.3.js
http://code.jquery.com/ui/1.9.2/jquery-ui.js 

Popular posts from this blog

SAP CPI - Loop Process Call with SuccessFactor (oData V2)

Setting IntelliJ IDEA to run Groovy Script

C# - BASE64 to Image