How to set minimum and maximum date of asp:textbox textmode=date ??? using javascript/jquery

Question

I have a asp:textbox , how can i set its minimum date to today using javascript:

With C# I am doing it like this and it works fine..but I have to do it using Js/Jquery

DateTime date = DateTime.Today.Date;
            String today = date.ToString("yyyy-MM-dd");

            tourStartDate.Attributes["min"] =today;
<asp:TextBox Width="95%" ID="tourStartDate" runat="server" TextMode="Date" onchange="SetDate()"></asp:TextBox></td>

possible duplicate of [Minimum and maximum date](http://stackoverflow.com/questions/11526504/minimum-and-maximum-date) — Shirish, Jun 29 '15 at 06:01
function SetDate() { if (document.getElementById('').value <= document.getElementById('').value) { $('#').val(document.getElementById('').value); } — Syed Muhammad Yasir, Jul 01 '15 at 08:43
@SyedMuhammadYasir Please add the content of your comment to your question. After that delete your comment. — Reporter, Feb 15 '17 at 13:30

score 1 · Answer 1 · edited Feb 15 '17 at 13:31

1

On Code Behind C#:

tourStartDate.Attributes["max"] = DateTime.Now.ToString("yyyy-MM-dd");

VB.net:

tourStartDate.Attributes("max") = Now.ToString("yyyy-MM-dd")

edited Feb 15 '17 at 13:31

Seb33300

6,949
2
38
55

answered Feb 15 '17 at 13:27

lrturbo

11
2

sudhAnsu63 · Answer 2 · 2015-07-01T10:13:59.400

0

you need to put the ClientIdMode = static in the server control to get the static Id.

<asp:TextBox Width="95%" ID="tourStartDate" ClientIdMode = "static" runat="server" TextMode="Date" onchange="SetDate()"></asp:TextBox>

Jquery: Set today in attribute.

$("#tourStartDate").attr("min", (new Date()));

EDIT:

Can you try <input type="date" min="2015-07-01" max="2015-10-20">

JQuery:

  $("#tourStartDate").attr("min", (new Date()).toISOString().substring(0,10));

Make sure your doc type is html ( for HTML 5 controls)

EDIT2 :

JavaScript :

 document.getElementById('tourStartDate').setAttribute('min', (new Date()).toISOString().substring(0,10));

edited Jul 01 '15 at 10:13

answered Jun 29 '15 at 05:50

sudhAnsu63

5,740
4
38
50

I want to set current date as minimum date – Syed Muhammad Yasir Jul 01 '15 at 08:44
Check this line $("#tourStartDate").attr("min", (new Date()).toISOString().substring(0,10)); – sudhAnsu63 Jul 01 '15 at 09:08
how can this be done by using min max attribute via javascript – Syed Muhammad Yasir Jul 01 '15 at 09:47
@SyedMuhammadYasir check the updated answer for setting attribute value by javascript – sudhAnsu63 Jul 01 '15 at 10:15

How to set minimum and maximum date of asp:textbox textmode=date ??? using javascript/jquery

2 Answers2