Asking about add date in javascript?

Question

I have code like this

<script language="javascript" type="text/javascript">

function getdate() {
    var tt = document.getElementById('txtDate').value;
    var ct = document.getElementById('package').value;

    var date = new Date(tt);
    var newdate = new Date(date);
    newdate.setDate(newdate.getDate() + ct);

    var mm = newdate.getMonth()+1;
    var dd = newdate.getDate();
    var yyy = newdate.getFullYear();

    var someFormattedDate = mm + '/' + dd + '/' + yyy;
   document.getElementById('EndDate').value = someFormattedDate;
}
</script>

<div class="form-group">
    <label>Start Tour</label>
    <input type="date" id="txtDate" name="start_date" required> 
</div>

<p></p>

<label> Ending Tour</label>
<input type="text" id="EndDate" name="end_date" required>   


<label>Nama Package</label>
<select class="form-control" id="package" name="package" onChange="getdate()">
    <option value= disabled>--Pilih Package Tour--</option>
    <?php
    $sql = mysql_query("select * from package");
    while ($lihat = mysql_fetch_array($sql)) {
    ?>
        <option value="<?php echo $lihat['lama_hari']; ?>"><?php echo $lihat['nama_package'] ?></option>
    <?php } ?>
</select>

When I run this code, I get the following result:

enter image description here

Why do I get this date in Ending Tour?

I count add date with the value from database of nama package, the value is 1 in database.
The result should be 09/03/2016, not 09/21/2016

I have no idea why the result becomes like that. I'm beginner here.

So you want to add x number of days to the date selected by the user where x is the value of <select id="package">? — user5051310
– user5051310, Commented Sep 21, 2016 at 3:49
because you set document.getElementById('EndDate').value = someFormattedDate; in your code thats why the Ending Tour has a value — KiRa
– KiRa, Commented Sep 21, 2016 at 7:02
what i want is when i select dropdown in the nama package, the date is counting from value of package. and the result will show in tgl ending tour with format date — The Blue
– The Blue, Commented Sep 22, 2016 at 1:44

Beginner · Accepted Answer · 2016-09-21 04:02:03Z

2

use momentJS http://jsfiddle.net/VtoCorleone/jbgUt/2/ this is good for convert, adding, subracting etc dates in javascript

don't forget to include it to your html

moment(date, "YYYY-MM-DD").add('days', 10); // 10 = the days add

answered Sep 21, 2016 at 4:02

Beginner

4,1183 gold badges19 silver badges27 bronze badges

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

Comments

Rana Aalamgeer · Accepted Answer · 2016-09-21 06:00:29Z

1

Its because your variable named ct is string type, First convert it to int type.

newdate.setDate(newdate.getDate() + parseInt(ct));

edited Sep 21, 2016 at 6:00

Rana Aalamgeer

7122 gold badges8 silver badges22 bronze badges

answered Sep 21, 2016 at 3:51

Denny Sutedja

5384 silver badges17 bronze badges

1 Comment

The Blue Over a year ago

thank you for helping :) It's Work. That's what i want.

Collectives™ on Stack Overflow

Asking about add date in javascript?

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related