how to add 30 minutes in Date Time in Jquery?

Question

i have mm-dd-YYYY H:i Date format, and i want to add 30 minutes in selected Date Time.

function SetEndDate(start_date){ // start_date = "05-25-2017 05:00"
        var duration     = '30';
        var end_date_tmp = new Date(start_date);

        end_date_tmp.setMinutes(duration);
        $('#end_date').val(end_date_tmp);
}

it gives Invalid Date Error.

Possible duplicate of [How to add 30 minutes to a JavaScript Date object?](http://stackoverflow.com/questions/1197928/how-to-add-30-minutes-to-a-javascript-date-object) — SynozeN Technologies, May 22 '17 at 12:01
http://stackoverflow.com/questions/4517672/how-to-add-20-minutes-to-a-current-date — SynozeN Technologies, May 22 '17 at 12:02
but how to add with Dynamic Date ? my Date Format was Different. — Apurv Chaudhary, May 22 '17 at 12:03
Start by passing a valid date string to function or parse that string to pass to date object — charlietfl, May 22 '17 at 12:05

score 2 · Answer 1 · answered May 22 '17 at 12:22

2

Because your library uses a custom format ("05-25-2017 05:00"), I recommend trying out the fecha library. It handles the parsing/formatting properly cross browser.

function GetEndDate(start_date){ // start_date = "05-25-2017 05:00"
    var duration = 30;
    var d = fecha.parse(start_date, 'MM-DD-YYYY HH:mm');

    d.setMinutes(d.getMinutes() + duration);
    return fecha.format(d, 'MM-DD-YYYY HH:mm');;
}

console.log(GetEndDate('05-25-2017 05:00'));
//Call it like so:
//$('#end_date').val(GetEndDate(/* Your variable here */));

<script src="https://cdnjs.cloudflare.com/ajax/libs/fecha/2.3.1/fecha.min.js"></script>

answered May 22 '17 at 12:22

Blue

22,608
7
62
92

I'm not saying that fetcha is bad, but try to avoid using other library when answering these type of question, because it's not necessary – Arthur Guiot May 22 '17 at 12:28
How is it not necessary @ArthurGuiot? Technically every question on stackoverflow doesn't require a library. This answer would become a lot more complicated without a library involved, and therefore I feel like it's a valid answer. – Blue May 22 '17 at 12:30
not hard to parse the string to pass to date object...or suggest OP change it's source which is why you are suggesting a library – charlietfl May 22 '17 at 12:39

score 1 · Answer 2 · edited May 23 '17 at 12:18

1

Try like this:

var newDateObj = new Date();
newDateObj.setTime(oldDateObj.getTime() + (30 * 60 * 1000));

Like this:

function SetEndDate(start_date)
{ // start_date = "05-25-2017 05:00"
        var end_date_tmp = new Date(start_date);
         end_date_tmp.setTime(start_date.getTime() + (30 * 60 * 1000));
}

Refer this link

edited May 23 '17 at 12:18

Community

1
1

answered May 22 '17 at 12:12

User6667769

745
1
7
25

while i will alert(end_date_tmp); that time i will give Error "Invalid Date". – Apurv Chaudhary May 22 '17 at 12:56
You can convert these number into date time `alert(new Date(end_date_tmp).toGMTString());` – User6667769 May 23 '17 at 05:59

score -1 · Accepted Answer · answered Jul 10 '17 at 07:12

function SetEndDate(start_date){ // start_date = "05-25-2017 05:00" (mm-dd-yyyy) format
var duration        = '30';

var my_date_format  = function(start_date){
    var d           = new Date(Date.parse(start_date.replace(/-/g, "/")));
    var month       = ['01', '02', '03', '04', '05', '06', '07', '08', '09', '10', '11', '12'];
    var date        = d.getFullYear() + "-" + month[d.getMonth()] + "-" + d.getDate();
    var time        = d.getHours()+":"+d.getMinutes();
    var date_time   = date + " " + time;
    return (date_time);  
};

var date_time   = my_date_format(start_date);
    d2              = new Date ( date_time );
    d2.setTime(d2.getTime() + (duration * 60 * 1000));

var date_new    = new Date(d2);
    yr              = date_new.getFullYear();
    month           = date_new.getMonth() < 10 ? '0' + (date_new.getMonth() + 1)  : (date_new.getMonth() + 1);
    day             = date_new.getDate()  < 10 ? '0' + date_new.getDate()  : date_new.getDate();
    minutes         = date_new.getMinutes()  < 10 ? '0' + date_new.getMinutes()  : date_new.getMinutes();
    hours           = date_new.getHours()  < 10 ? '0' + date_new.getHours()  : date_new.getHours();
    time            = hours + ":" + minutes;
    newDate         = month + '-' + day + '-' + yr + ' ' + time;
$('#end_date').val(newDate); // you can get new date in "newDate" variable
}

generally, code-only answers are frowned upon (more so for uncommented code): can you summarise & comment the idea coded? — greybeard, Jul 10 '17 at 07:42

how to add 30 minutes in Date Time in Jquery?

3 Answers3