jQuery UI DatePicker Set default date as Current Date for TextBox in ASP.Net

on May 09, 2018 07:59 AM

Hello I am using datetimepicker as explained in following link


I want to show current date in that textbox 1st and if user want to change the date then he can click on image button and change date as explained in above article.

Just thing I want is initialy textbox must show current date.

for that i have used following c# code on page load

txtDate.Text = DateTime.Today.ToString("MM/dd/yyyy");

This code gives current date format as - 05-09-2018

whereas my desired date format is - 05/09/2018 

How to get this desired date format ? 


Download FREE API for Word, Excel and PDF in ASP.Net: Download
on May 09, 2018 10:52 PM

Dear @ashishk,

The problem is with your system date format. the above example gives dateformat based on your system date format. if you want your required date format then use System.Globalization. please change below query with below example 

using System.Globalization;  // add this namespace for CultureInfo.InvariantCulture

public partial class _Default : System.Web.UI.Page
    protected void Page_Load(object sender, EventArgs e)
        txtDate.Text = DateTime.Today.ToString("MM/dd/yyyy", CultureInfo.InvariantCulture);

    protected void btnSubmit_Click(object sender, EventArgs e)
        string dt = Request.Form[txtDate.UniqueID];


on May 10, 2018 12:22 AM
on May 10, 2018 12:26 AM

Hi ashishk,

Check this example. Now please take its reference and correct your code.


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<link rel="Stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" />
<script type="text/javascript">
    $(function () {
            showOn: 'button'
            , buttonImageOnly: true
            , buttonImage: 'https://i.imgur.com/u6upaAs.png'
            , dateFormat: 'mm/dd/yy'
        $("[id$=txtDate]").datepicker("setDate", new Date());
<asp:TextBox ID="txtDate" runat="server" ReadOnly="true"></asp:TextBox>
<asp:Button ID="btnSubmit" runat="server" Text="Submit" OnClick="btnSubmit_Click" />


protected void btnSubmit_Click(object sender, EventArgs e)
    string dt = Request.Form[txtDate.UniqueID];


Protected Sub btnSubmit_Click(sender As Object, e As System.EventArgs)
    Dim dt As String = Request.Form(txtDate.UniqueID)
End Sub