JavaScript - Calculate The Difference Between 2 Dates

Hi so because the jquery range slider has no date range ability and because the only date range plugin for jquery UI sliders is very bloated and fails to work on modern ipad / new touch event methods... I'm writing my own today..

Can some one better exmplain to me how to do:
"theCurrentDate (05/12/2012) - anOlderDate (05/12/1990) = difference of how many days is?"

and

"theCurrentDate (05/12/2012) - 200 = but resulting in date formatted version, not some 9394829398 number"?

Thanks!

hi, I've got a problem and i really need help.
this is my code

<script>
var y= new Date();
y.getFullYear() + '<br />';
alert(y);
var year = new Date();
year.setFullYear(prompt('Enter the year','1990'),prompt('Enter the month','1'), prompt('Enter the day','1'));
alert(year);
var yy = y-year;
alert(yy);
</script>

i want when a user write his/her birthday JS calculate the age. that's all

I'm working on creating a custom calculator to determine the amount of money / credits users may earn from referrals. I've tested onChange, and it will work only when I have changed to a new field or clicked off that field. How do I make this calculate live?

So if the current value is 5 and I change it to 6, it will automatically recalculate the new value.

You can see what I'm working on he

http://sheetmusichaven.com/admin/mys...calculator.php

Note: The one I'm testing is the 1st Level field. For now i'm just having it display the date.

I want to do a calculation between selectbox values. The problem with my code is that the first part of the calculation only gives me 0, which Motherboard value*quantity. the second part works fine which Chassis*quantity. My formulas is motherbord*Quanity+chassis*quantity.

Code:

function calculate() {   
  var parsedMotherboard = parseFloat(document.calcform.Motherboard.value || 0);     
var parsedQuantity = parseFloat(document.calcform.Quantity.value || 0);     var parsedChassis = parseFloat(document.calcform.Chassis.value || 0);     
var parsedQuantity1 = parseFloat(document.calcform.Quantity1.value ||0);      
document.calcform.total.value = (parsedMotherboard * parsedQuantity + parsedChassis * parsedQuantity1); }

PHP Code:
echo "<tr><td align='left' width='90%'>";

$result = mysql_query("SELECT Motherboard_Part_Number, Motherboard_Name, Motherboard_Price FROM Motherboard ") 
or die(mysql_error());  
echo '<select id="Motherboard" class="SelectClass" name="Motherboard" ONCHANGE="calculate()">'; 
// keeps getting the next row until there are no more to get
while($row = mysql_fetch_array( $result )) {
    // Print out the contents of each row into a table
    echo '<option Name="Motherboard" value= ',$row['Motherboard_Price'],'>',$row['Motherboard_Part_Number'],'&nbsp;&nbsp;&nbsp;',$row['Motherboard_Name'],' &nbsp;&nbsp;&nbsp;$',$row['Motherboard_Price'],'&nbsp;','</option>'; 

} 

echo '</select>';

echo "</td>";


echo "<td align='right' width='10%'>";

$result= mysql_query("SELECT Number FROM Quantity") 
or die(mysql_error());  
echo '<select id="Quantity" class="SelectClass" name="Quantity" Value="Quantity" ONCHANGE="calculate()" >'; 

// keeps getting the next row until there are no more to get
while($row = mysql_fetch_array( $result)) {
    // Print out the contents of each row into a table

    echo '<option value=',$row['Number'],'>',$row['Number'],'</option>'; 
} 




echo '</select>';

echo "</td></tr>";











echo "<tr><td align='left' width='90%'>";

$result = mysql_query("SELECT Chassis_Part_Number, Chassis_Name, Chassis_Price FROM Chassis where Chassis_Form_Factor='ATX'") 
or die(mysql_error());  
echo '<select id="Chassis" class="SelectClass" name="Chassis" ONCHANGE="calculate()">'; 
// keeps getting the next row until there are no more to get
while($row = mysql_fetch_array( $result )) {
    // Print out the contents of each row into a table
    echo '<option Name="Chassis" value= ',$row['Chassis_Price'],'>',$row['Chassis_Part_Number'],'&nbsp;&nbsp;&nbsp;',$row['Chassis_Name'],' &nbsp;&nbsp;&nbsp;$',$row['Chassis_Price'],'&nbsp;','</option>'; 

} 

echo '</select>';

echo "</td>";


echo "<td align='right' width='10%'>";

$result= mysql_query("SELECT Number FROM Quantity") 
or die(mysql_error());  
echo '<select id="Quantity" class="SelectClass" name="Quantity1" Value="Quantity" ONCHANGE="calculate()" >'; 

// keeps getting the next row until there are no more to get
while($row = mysql_fetch_array( $result)) {
    // Print out the contents of each row into a table

    echo '<option value=',$row['Number'],'>',$row['Number'],'</option>'; 
} 




echo '</select>';

echo "</td></tr>"; 

I have tried many time to make the calculation to appear at the total text box. however, I fail to find where the problem is. Please help me..

here is my coding..

<html>
<head>

<title>
PRESENTATION EVALUATION FORM
</title></head>

<style type="text/css">
.style1 {
text-align: center;
}
</style>

<script type="text/javascript">

function add($g1,$g2,$g3,$g4,$g5,$g6,$g7,$g8,$g9,$g10,$g11,$g12,$g13)
{
$g1=$_POST['document.myForm.gred1.value'];
$g2=$_POST['gred3.value'];
$g3=$_POST['gred3.value'];
$g4=$_POST['gred4.value'];
$g5=$_POST['gred5.value'];
$g6=$_POST['gred6.value'];
$g7=$_POST['gred7.value'];
$g8=$_POST['gred8.value'];
$g9=$_POST['gred9.value'];
$g10=$_POST['gred10.value'];
$g11=$_POST['gred11.value'];
$g12=$_POST['gred12.value'];
$g13=$_POST['gred13.value'];

$total=$g1+$g2+$g3+$g4+$g5+$g6+$g7+$g8+$g9+$g10+$g11+$g12+$g13;
}


</script>

<body>

<center><img src="logo.gif" height="200" weight="240"></center>
<p><center><b>FAKULTI SISTEM KOMPUTER & KEJURUTERAAN PERISIAN<br>UNIVERSITI MALAYSIA PAHANG</b></center></p>




<table width="100% "border="1">
<form name="myForm" method="post">


<tr>
<th style="width: 447px">ITEM</th>
<th style="width: 340px">SCORE</th>
</tr>



<tr>
<td style="width: 447px">&nbsp;A) SLIDES</td>
<td style="width: 340px"> </td>
</tr>



<tr>
<td style="width: 447px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; i.
Use of Diagram and Animations
</td>
<td style="width: 340px" class="style1">
<select name="gred1" onchange="add()" style="width: 45px">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
</tr>



<tr>
<td style="width: 447px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; ii. Layout, Font and Color (Readable, Consistent, Attractive)
</td>
<td style="width: 340px" class="style1">
<select name="gred2" onchange="add()" style="width: 45px">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
</tr>



<tr>
<td style="width: 447px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; iii. Content Structure</td>
<td style="width: 340px" class="style1">
<select name="gred4" onchange="add()" style="width: 45px">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select></td>
</tr>


<tr>
<td style="width: 447px; height: 28px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; iv. Slide Content</td>
<td style="width: 340px; height: 28px;" class="style1">
&nbsp;<select name="gred3" onchange="add()" style="width: 45px">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select></tr>


<tr>
<td style="width: 447px">&nbsp; B) PRESENTATION</td>
<td style="width: 340px"></td>
</tr>


<tr>
<td style="width: 447px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; i. Explaining and
Not Reading The Slides </td>
<td style="width: 340px" class="style1">
<select name="gred5" onchange="add()" style="width: 45px; height: 22px;">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
</tr>

<tr>
<td style="width: 447px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; ii. Voice, Eye Contact and Gestures</td>
<td style="width: 340px" class="style1">
<select name="gred6" onchange="add()" style="width: 45px; height: 22px;">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
</tr>

<tr>
<td style="width: 447px">&nbsp;&nbsp;&nbsp;&nbsp; iii. Capture Audience Interest</td>
<td style="width: 340px" class="style1">
<select name="gred7" onchange="add()" style="width: 45px">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
</tr>

<tr>
<td style="width: 447px">&nbsp;&nbsp;&nbsp;&nbsp; iv. Proper Introduction and Closing</td>
<td style="width: 340px" class="style1">
<select name="gred8" onchange="add()" style="width: 45px">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select></td>
</tr>


<tr>
<td style="width: 447px">&nbsp; C) LANGUAGE</td>
<td style="width: 340px" class="style1">&nbsp;</tr>

<tr>
<td style="width: 447px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; i. Fluency
</td>
<td style="width: 340px" class="style1">
<select name="gred9" onchange="add()" style="width: 45px">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select></td>
</tr>


<tr>
<td style="width: 447px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; ii. Correctness</td>
<td style="width: 340px" class="style1">
<select name="gred10" onchange="add()" style="width: 45px">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
</tr>

<tr>
<td style="width: 447px">&nbsp;&nbsp;&nbsp;&nbsp; iii. English Vocabulary</td>
<td style="width: 340px" class="style1">
<select name="gred11" onchange="add()" style="width: 45px">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
</tr>

<tr>
<td style="width: 447px">&nbsp;&nbsp;D) QUESTION AND ANSWER HANDLING</td>
<td style="width: 340px" class="style1">&nbsp;</tr>

<tr>
<td style="width: 447px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; i. Confidence</td>
<td style="width: 340px" class="style1">
<select name="gred12" onchange="add()" style="width: 45px">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
</tr>

<tr>
<td style="width: 447px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; ii. Logic Responds</td>
<td style="width: 340px" class="style1">
<select name="gred13" onchange="add()" style="width: 45px">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
</tr>



<tr>
<td style="width: 447px; height: 27px;"><center><b>Total</b></center></td>
<td style="width: 340px; height: 27px;"><center>
<input name="totalmark" type="text" style="width: 52px" value="0" >
<?php echo $_POST["$total"];></center></td>
</table>



<table>
<tr>
<td class="style1" style="width: 802px"><br><input type="button" name="total" value="CALCULATE" onclick= "add()">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="RESET" value="RESET"></td>
</tr>
</form>
</table>
</body>
</html>

anyone would you help me

I have some problem to calculate
PHP Code:
<table width="415" cellspacing="1" cellpadding="1">
    <tr>
      <th width="151" scope="col">Price</th>
      <th width="189" scope="col">qty</th>
      <th width="63" scope="col">total</th>
    </tr>
    <tr>
      <td><label>
        <input name="price" type="text" id="price" value="2000">
      </label></td>
      <td><label>
        <input name="qty" type="text" id="qty" value="2">
      </label></td>
      <td><label>
        <input name="total" type="text" id="total" value="4000">
      </label></td>
    </tr>
    <tr>
      <td><input name="price" type="text" id="price" value="2000"></td>
      <td><input name="qty" type="text" id="qty" value="4"></td>
      <td><input name="total" type="text" id="total" value="8000"></td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td>Total</td>
      <td><label>
        <input name="gtotal" type="text" id="gtotal" value="12000">
      </label></td>
    </tr>
  </table> 


How to calucate it from price * qty = Total and gtotal=sum of total, in the first rows.
Ican do it if there is one row, but i dont know how to calculate samae name of text field like in 2nd or more rows

Hi there,
I'm new here in this forum and I've registered to ask a question about JavaScript or Jquery. I don't know which to use.

I have my code php like that:
<?php
//Get the data from system and return in EU format
function ShowDate() {
$Date = date("d"."/"."m"."/"."Y");
return $Date;
}
//Get the time from system
function ShowTime() {
$Time = date("H".":"."i");
return $Time;
}
?>

Now I have two input box

<html>
<head>
</head>
<body>
Type the date:<input name="txtdate" type="text" class="input" id="txtdate" title="e.g dd/mm/yyyy" value="<?php echo ShowDate(); ?>" size="9" maxlength="10">
<br>
Type the time:<input name="txttime" type="text" id="txttime" value="<?php echo ShowTime(); ?>" size="5" maxlength="5">
<br>
London: Friday May 21 2010 05:12:00 <br>
New York: Friday May 21 2010 00:12:00<br>
Hong Kong: Friday May 21 2010 12:12:00<br>
Tokyo: Friday May 21 2010 13:12:00<br>
</body>
</html>

So.... the important is the user can interactive with the date. If I change the date or time all this values will be change as well.
Someone knows how can I do this?
The field txtdate I will get from a calendar plugin (javascript) that I already put in my code.

Thank you for your help.

Andrei Andrade

hi, i need a help for experts out there.
i've a set of questionnaire with 10 questions.answer for each question to choose from is 0-6 using radio button.for all the questions answered i need to calculate overall percentage based on the scores.
i've done the html coding but having problem with javascript..is there any websites i can refer to write a coding or anyone can give example how to do it.
pls help..

Hello.

I wonder is there any javascript to calculate IP length

For example I have

Start ADDR:

VLAN_ADDR which is:

10.52.28.0

Stop ADDR:

VLAN_LAST which is

10.52.29.254

As I know:result is 512

or another example:

Start ADDR:

VLAN_ADDR which is:

10.52.64.11

Stop ADDR:

VLAN_LAST which is

10.52.64.15

As I know:result is 5


How to count it in javascript code ?
Results are "numbers"

Best regards

Leos.

I'm trying to write something to display the percentage difference of my parents' ages. I'm obviously having issue. Also I would like to shorted the percentage output to three digits, e.g. 9.25%. Any help would be greatly appreciated. Here is what I have.

Code:

//Set the two dates
var dadDate=new Date(1964, 9, 27); //Month is 0-11 in JavaScript
var momDate=new Date(1962, 4, 29); 
var today=new Date();
//Get 1 day in milliseconds
var one_day=1000*60*60*24;

//Calculate difference btw the two dates, and convert to days
var dadDay=Math.ceil(today.getTime()-dadDate.getTime())/(one_day);
var momDay=Math.ceil(today.getTime()-momDate.getTime())/(one_day);

//Calculate difference
var abDif=Math.abs(dadDay-momDay);
var agePer=Math.ceil(((abDif)/(dadDay + momDay)/2)*100);
document.write"Dad, congratulations. You are " agePer "% younger than Mom.";

I am trying to launch an HTML page with a calendar field populated with today's date. I have a function to set the date but I am getting an error when I try to run the page:

Code:

//Begin function window_onload
function window_onload() {
UpdateData();
// TODO: Add your event handler code here
function onInitialUpdate() {
  document.getElementById('calendar1').value=getTodaysDate();
}
}
//End function window_onload


function getTodaysDate(){
var today = new Date();
var dd = today.getDate();
var mm = today.getMonth()+1;
var yyyy = today.getFullYear();
 
if(dd<10){dd='0'+dd}
if(mm<10){mm='0'+mm}
var today = yyyy+'/'mm+'/'+dd;
alert('Today is '+mm+'/'+dd+'/'+yyyy);
return today;
}

gives me an error that the onload function is expecting an object.

Is ther something wrong with my coding?

hi,
I have three variables
- string openTime format hh:mm - eg "08:30"
- string closeTime format hh:mm eg "17:30"
- float lunchHours eg 1.5

Are there any js functions I can use to calculate how many hours the shop is open ?

thanks

hi,

can someone help me create an auto pro rata calculator where there are four [4] boxes. first box should be where we could enter the customer's plan [29,39,40 etc.] and it should be divided with what ever i will enter on the second box w/c will be for the number of days in a month [28,29,30,31]. the 3rd box should be where i can enter the number of days the cust. was able to use the service and it needs to be multiplied from box 2. 4th box should be a read only box where the pro rata will be displayed.

so:

[box 1] divided "/" by [box 2] multiplied "*" by [box 3] equals "=" to box four

thanks!!!

I am trying to calculate age based on the date of birth input into a text field.
the date field should allow users to enter a one or two digit month, one or two digit date and a two or four digit year. Users should be able to enter any of the following date formats: 11-2-10, 1-25-2010, or 01/25/2010. On some days it works and others it wont, like 11-1-91 returns that the user is under 18.

Code:

function checkAge(){
var stDate = document.getElementById("birth").value;
	var dayPartToDate = parseInt(stDate.substring(0,2),10);
	var monPartToDate = parseInt(stDate.substring(3,5),10);
	var yearPartToDate = parseInt(stDate.substring(6,10),10);
	var dtTo = new Date(yearPartToDate, monPartToDate-1, dayPartToDate);
	var mydate = new Date();
      mydate.setDate(mydate.getDate());
	var bday = dtTo - mydate
	if (bday < 18){
	window.alert("You must be 18 to rent equipment.");
	document.getElementById("birth").value = "";
	}
}