Could not diferentiate the date using the javascript

Question

I am facing one problem. I am unable to differentiate the date difference using the javascript. I am explaining my code below.

var startdate_val = document.getElementById("stdate").value;
var enddate_val = document.getElementById("enddate").value;
var one_day=1000*60*60*24; 
var x=startdate_val.split("-");     
var y=enddate_val.split("-");
var date1=new Date(x[2],(x[1]-1),x[0]);
var date2=new Date(y[2],(y[1]-1),y[0])
var month1=x[1]-1;
var month2=y[1]-1;
var date_diff = Math.ceil((date2.getTime()-date1.getTime())/(one_day));
console.log('date',date_diff <= 0);

Here I need enddate always should be greater than the start date. Here I am attaching my datetime code.

<div class="row">
<div class="col-lg-6 col-md-6 col-sm-6">
<div class="pad-bot-10">
<label for="raised">Start Date</label>
<input id="stdate" type="text" class="form-control datetime" value="" placeholder="17-06-2017"/>
    </div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6">
<div class="pad-bot-10">
<label for="raised">End Date</label>
<input id="enddate" type="text" class="form-control datetime" value="" placeholder="17-06-2017"/>
      </div>
  </div>
</div>

Here I am getting the date field value like this i.e-03-01-2018 02:46. I need always the end date time should be greater than the start date time but in my case in console message always I am getting the result false.

Are you checking this based on an event or just trying to check the difference between values which are shown as placeholder? Can you create a working snippet using `<>` so that your issue can be replicated? — gurvinder372, Jan 02 '18 at 09:32
@gurvinder372 : User will choose the date from date picker and then it will compare. — , Jan 02 '18 at 09:34
Why you want to comepare when you can directly set minDate in datepicker? — Arijit Mukherjee, Jan 02 '18 at 09:35
I have already shared all the code. Just think user selected two date and clicked on save button at that time the start date and end date should compare. — , Jan 02 '18 at 09:37
as @ArijitMukherjee said, you should be able to do something like: `$("#datetimepicker6").on("dp.change", function (e) { $('#datetimepicker7').data("DateTimePicker").minDate(e.date); }); $("#datetimepicker7").on("dp.change", function (e) { $('#datetimepicker6').data("DateTimePicker").maxDate(e.date); }); ` — Lasse, Jan 02 '18 at 09:41
@Lasse I think OP needs comparison of 2 dates on some click event, IVE ADDED AN ANSWER FOR THE SAME — Arijit Mukherjee, Jan 02 '18 at 09:57

65th bit · Answer 1 · 2018-01-02T09:47:05.463

Try this:
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-6">
<div class="pad-bot-10">
<label for="raised">Start Date</label>
<input id="stdate" type="text" class="form-control datetime" value="17-06-2017" placeholder="17-06-2017"/>
    </div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6">
<div class="pad-bot-10">
<label for="raised">End Date</label>
<input id="enddate" type="text" class="form-control datetime" value="17-07-2017" placeholder="17-06-2017"/>
      </div>
  </div>
</div>  

var startdate_val = document.getElementById("stdate").value;
var enddate_val = document.getElementById("enddate").value;
var one_day=1000*60*60*24; 
var x=startdate_val.split("-");     
var y=enddate_val.split("-");
var date1=new Date(x[2],(x[1]-1),x[0]);
var date2=new Date(y[2],(y[1]-1),y[0])
var month1=x[1]-1;
var month2=y[1]-1;
var date_diff = Math.ceil((date2.getTime()-date1.getTime())/(one_day));
console.log(date_diff >= 0);

You just need to change the line: console.log('date',date_diff <= 0);

put it as a comment rather than an answer – Arijit Mukherjee Jan 02 '18 at 09:46 — Arijit Mukherjee, Jan 02 '18 at 09:46

Arijit Mukherjee · Accepted Answer · 2018-01-03T05:08:35.303

-1

Simply do like this :

var startdate_val = document.getElementById("stdate").value;
var enddate_val = document.getElementById("enddate").value;
var stdate = new Date(startdate_val).toISOString();
var enddate = new Date(enddate_val).toISOString();
//Then
Console.log(enddate >= stdate);

Sample Code that I've tried:

var startdate_val = '01-03-2018 02:45';
var enddate_val = '01-03-2018 02:45';
var stdate = new Date(startdate_val);
var enddate = new Date(enddate_val);
//Then
alert(enddate >= stdate);

Returns True

Fiddle

Converting the string to Date Object will be better than the manual labor.

edited Jan 03 '18 at 05:08

answered Jan 02 '18 at 09:43

Arijit Mukherjee

3,817
2
31
51

Using the built-in parser is not recommended. The OP format appears to be d/m/y, however most built-in parers will parse '03-01-2018 02:45' as 1 March, not 3 January. – RobG Jan 03 '18 at 00:42
@RobG OP has deleted the comments I guess i told OP to parse with format as well as UTC – Arijit Mukherjee Jan 03 '18 at 05:07
1

If you think those comments are important, you should include them in your answer. It should stand alone and not depend on comments elsewhere. In Safari, `new Date('01-03-2018 02:45')` returns an invalid date (which is as consistent with ECMA-262 as any other result) so the comparison becomes `NaN >= NaN`. – RobG Jan 03 '18 at 08:53

score -1 · Answer 3 · answered Jan 02 '18 at 09:49

in your HTML code, there is no value so you can't compare it to page load time, because it is blank. somehow if you are using any click functionality then please update your code below.

    var startdate_val = document.getElementById("stdate").value;
        var enddate_val = document.getElementById("enddate").value;
        var one_day = 1000 * 60 * 60 * 24;
        var x = startdate_val.split("-");
        var y = enddate_val.split("-");
        var date1 = new Date(x[2], (x[1] - 1), x[0]);
        var date2 = new Date(y[2], (y[1] - 1), y[0])
        var month1 = x[1] - 1;
        var month2 = y[1] - 1;
        var date_diff = Math.ceil((date2.getTime() - date1.getTime()) / (one_day));
        if (date_diff <= 0)
            console.log(false);
        else
            console.log(true);

AND HTML FOR PAGE LOAD

  <div class="row">
        <div class="col-lg-6 col-md-6 col-sm-6">
            <div class="pad-bot-10">
                <label for="raised">Start Date</label>
                <input id="stdate" type="text" class="form-control datetime" value="17-06-2017" placeholder="17-06-2017" />
            </div>
        </div>
        <div class="col-lg-6 col-md-6 col-sm-6">
            <div class="pad-bot-10">
                <label for="raised">End Date</label>
                <input id="enddate" type="text" class="form-control datetime" value="18-06-2017" placeholder="17-06-2017" />
            </div>
        </div>
    </div>

Could not diferentiate the date using the javascript

3 Answers3