date difference using javascript

Question

i have two fields like start date and End date. my need is i have to show the date differnce in another text box while user selecting dates from date picker. I done these much

I know, i done some mistakes. please help me.

Fromdate:
<input type="text" name="travelData[From_date]" id="txtFromDate" value="<?php echo readDate($travelData['From_date']); ?>"onfocus="javascript:NewCssCal('txtFromDate','ddmmyyyy')">

To date:
<input type="text" name="travelData[To_date]" id="txtToDate" value="<?php echo readDate($travelData['To_date']); ?>"onfocus="javascript:NewCssCal('txtToDate','ddmmyyyy')" onblur="calculateTourlength()">

<script type="text/javascript">
function calculateTourlength(){
var FromDate = $('#txtFromDate').val();
var ToDate = $('#txtToDate').val();
var tourLength = parseInt(ToDate) - parseInt(FromDate);
alert(tourLength);
$('#tourLength').val(tourLength);

return false;

}

score 0 · Accepted Answer · answered Jan 06 '15 at 05:53

0

var startdate = $('#txtFromDate').datepicker('getDate');
var enddate   = $('#txtToDate').datepicker('getDate');
var calculate = (enddate - startdate)/1000/60/60/24;

NOTE: Be careful that end date must contain greater value

answered Jan 06 '15 at 05:53

khaliq

98
9

Thanks for your help. it showing some results now. but i need to show the number of dates between that two days. ex: start date is 22-1-2015 and end date is 24-1-2015. now it need to show the result as 2. – user2745897 Jan 06 '15 at 06:04
$( "#txtFromDate" ).datepicker({ dateFormat: 'mm/dd/yyyy' }); have you set format – khaliq Jan 06 '15 at 06:10
yes.format is dd-mm-yyyy – user2745897 Jan 06 '15 at 06:17
http://jsfiddle.net/khaliqq/jtzr4u3x/ I hope it works – khaliq Jan 06 '15 at 06:35
Thank u so much for your help. its working! – user2745897 Jan 06 '15 at 06:44

date difference using javascript

1 Answers1