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

ashishk
 
on May 09, 2018 07:59 AM
Sample_170091.zip
8928 Views

Hello I am using datetimepicker as explained in following link

https://www.aspsnippets.com/Articles/jQuery-UI-DatePicker-Calendar-Example-in-ASPNet.aspx

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 ? 

Thanks

Download FREE API for Word, Excel and PDF in ASP.Net: Download
nagaraju60
 
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];
    }
}

 

dharmendr
 
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.

HTML

<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 () {
        $("[id$=txtDate]").datepicker({
            showOn: 'button'
            , buttonImageOnly: true
            , buttonImage: 'https://i.imgur.com/u6upaAs.png'
            , dateFormat: 'mm/dd/yy'
        });
        $("[id$=txtDate]").datepicker("setDate", new Date());
    });
</script>
<asp:TextBox ID="txtDate" runat="server" ReadOnly="true"></asp:TextBox>
<asp:Button ID="btnSubmit" runat="server" Text="Submit" OnClick="btnSubmit_Click" />

C#

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

VB.Net

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

Screenshot