My Javascript function doesn't set the date

Question

I try to develop functions on javascript to allow me, thanks to buttons, to also feed my input type Date.

Entre le <input type="date" id="debut" name="dateDeb" {% if debut is defined %} value={{debut}} {% endif %}/>
et le <input type="date" id="fin" name="dateFin" {% if fin is defined %} value={{fin}} {% endif %}/>

<input type="text" id="debut"/>
<input class="btn btn-primary" type="button" id="aujourdhui" value="Aujourd'hui"/>
<input class="btn btn-primary" type="button" id="semaine" value="Cette semaine"/>
<input class="btn btn-primary" type="button" id="mois" value="Ce mois-ci"/>

For example, at the click of "Today", I want my input date to take the value of the day. So I have this:

// function to update dates at today
$('#aujourdhui').click(function() {
    var today = new Date();
    var jj = String(today.getDate()).padStart(2, '0');
    var mm = String(today.getMonth() + 1).padStart(2, '0'); //January is 0!
    var aaaa = today.getFullYear();

    today = jj + '/' + mm + '/' + aaaa;

    alert(today);
    document.getElementById("debut").value = today;
});

the "alert" returns the date of the day, but my input remains unchanged. Can someone point me? Thank you !

Paweł Napierała · Accepted Answer · 2019-04-25 12:10:50Z

1

The date need to be in the format yyyy-MM-dd. Use the toISOString function:

var today = new Date();
var todayStr = today.toISOString().slice(0,10);

document.getElementById("debut").value = todayStr;

answered Apr 25, 2019 at 12:10

Paweł Napierała

1,75512 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

connexo Over a year ago

You might want to mention ISO 8601.

eronn Over a year ago

Oh ok I did not know this way! It works thank you! If I want this time to get two different dates (one with the date of the beginning of week and the other with the weekend), it is possible also with your method? Same for the month?

connexo Over a year ago

@eronn For a different question than the initial one, please ask a new question. I suggest you explore this in the console of your browser's developer tools: new Date().toISOString();.

eronn Over a year ago

Okay, I will wait 90 min for new question, thanks ^^

connexo Over a year ago

@eronn If you do as suggested in my previous comment, that question will probably not be necessary.

D. Schreier · Accepted Answer · 2019-04-25 12:16:01Z

0

The real problem is that you have 2 input with the same id debut

answered Apr 25, 2019 at 12:16

D. Schreier

1,7961 gold badge24 silver badges35 bronze badges

1 Comment

D. Schreier Over a year ago

Just rename the last text input and the event listener. Your code is right

Mitesh Vasava · Accepted Answer · 2019-04-25 12:22:41Z

0

You have to do correct date format 'YYYY-mm-dd':

 today = aaaa + '-' + mm + '-' + jj;

edited Apr 25, 2019 at 12:22

answered Apr 25, 2019 at 12:03

Mitesh Vasava

7357 silver badges13 bronze badges

7 Comments

eronn Over a year ago

Sma problem, I already test this method, but it does nothing :/

Mitesh Vasava Over a year ago

please update input field: <input type="text" name ="debut" id="debut" value="">

eronn Over a year ago

We agree that I want the date to appear on my input date? The last one was just a test. By the way, I also tested for this one, and the same, no change

Mitesh Vasava Over a year ago

I can see there is two input fields having same name id "debut".Is it correct? If Yes, Id must be have unique.

D. Schreier Over a year ago

Try to avoid jQuery when you can do it with vanilla JS

|

Collectives™ on Stack Overflow

My Javascript function doesn't set the date

3 Answers 3

5 Comments

1 Comment

7 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

5 Comments

1 Comment

7 Comments

Your Answer

Sign up or log in

Post as a guest

Related