السلام عليكم ورحمة الله وبركاته
في الكود التالي يوجد تاريخ البداية وتاريخ النهاية اريد ايجاد الفرق بينهما آليا -انا حاولت ولم انجح - وعند ادخال تاريخ النهاية قبل تاريخ البداية يتم تنبيه المستخدم مثلا تاريخ البداية :20/4/2011 وتاريخ النهاية :5/4/2011
او عندما لا يتم ادخال اي من التاريخين يتم التنبية لذلك !!
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="../css/style3.css" />
<script type="text/javascript">
<!--
function r() {
var d=document.getElementById("IS_DDs").value;
var m=document.getElementById("IS_MMs").value;
var y=document.getElementById("IS_YYs").value;
var de=document.getElementById("IS_DDe").value;
var me=document.getElementById("IS_MMe").value;
var ye=document.getElementById("IS_YYe").value;
var la1stDate=new Date();
var la2ndDate=new Date();
la1stDateY = y.substring(0,4);
la1stDateM = m.substring(5,7);
la1stDateM = la1stDateM - 1;
la1stDateD = d.substring(8,10);
la2ndDateY = ye.substring(0,4);
la2ndDateM = me.substring(5,7);
la2ndDateM = la2ndDateM-1;
la2ndDateD = de.substring(8,10);
la1stDate.setFullYear(la1stDateY,la1stDateM,la1stDateD);
la2ndDate.setFullYear(la2ndDateY,la2ndDateM,la2ndDateD);
document.getElementById('d_num').value= Math.abs(Math.round((la1stDate-la2ndDate)/86400000));
}
</script>
</head>
<body bgcolor='#FFFFFF'>
<table align='left' border='1' bordercolor='black' cellpadding='4' cellspacing='0'>
<form action='#' method='post' name='myForm' onsubmit='return forminput(this);'>
<tr>
<td>
<p> بداية </p>
</td>
<td>
<select name="IS_DDs" id="IS_DDs" onkeyup="r()">
<option value=""></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>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</select>
<select name="IS_MMs" id="IS_MMs" onkeyup="r()">
<option value=""></option>
<option value="January">January</option>
<option value="February">February</option>
<option value="March">March</option>
<option value="April">April</option>
<option value="May">May</option>
<option value="June">June</option>
<option value="July">July</option>
<option value="August">August</option>
<option value="September">September</option>
<option value="October">October</option>
<option value="November">November</option>
<option value="December">December</option>
</select>
<select name="IS_YYs" id="IS_YYs" onkeyup="r()">
<option value=""></option>
<option value="1970">1970</option>
<option value="1971">1971</option>
<option value="1972">1972</option>
<option value="1973">1973</option>
<option value="1974">1974</option>
<option value="1975">1975</option>
<option value="1976">1976</option>
<option value="1977">1977</option>
<option value="1978">1978</option>
<option value="1979">1979</option>
<option value="1980">1980</option>
<option value="1981">1981</option>
<option value="1982">1982</option>
<option value="1983">1983</option>
<option value="1984">1984</option>
<option value="1985">1985</option>
<option value="1986">1986</option>
<option value="1987">1987</option>
<option value="1988">1988</option>
<option value="1989">1989</option>
<option value="1990">1990</option>
<option value="1991">1991</option>
<option value="1992">1992</option>
<option value="1993">1993</option>
<option value="1994">1994</option>
<option value="1995">1995</option>
<option value="1996">1996</option>
<option value="1997">1997</option>
<option value="1998">1998</option>
<option value="1999">1999</option>
<option value="2000">2000</option>
<option value="2001">2001</option>
<option value="2002">2002</option>
<option value="2003">2003</option>
<option value="2004">2004</option>
<option value="2005">2005</option>
</select>
</td>
</tr>
<tr>
<td>
<p>نهاية </p>
</td>
<td>
<select name="IS_DDe" id="IS_DDe" onkeyup="r()">
<option value=""></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>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</select>
<select name="IS_MMe" id="IS_MMe" onkeyup="r()">
<option value=""></option>
<option value="January">January</option>
<option value="February">February</option>
<option value="March">March</option>
<option value="April">April</option>
<option value="May">May</option>
<option value="June">June</option>
<option value="July">July</option>
<option value="August">August</option>
<option value="September">September</option>
<option value="October">October</option>
<option value="November">November</option>
<option value="December">December</option>
</select>
<select name="IS_YYe" id="IS_YYe" onkeyup="r()">
<option value=""></option>
<option value="1970">1970</option>
<option value="1971">1971</option>
<option value="1972">1972</option>
<option value="1973">1973</option>
<option value="1974">1974</option>
<option value="1975">1975</option>
<option value="1976">1976</option>
<option value="1977">1977</option>
<option value="1978">1978</option>
<option value="1979">1979</option>
<option value="1980">1980</option>
<option value="1981">1981</option>
<option value="1982">1982</option>
<option value="1983">1983</option>
<option value="1984">1984</option>
<option value="1985">1985</option>
<option value="1986">1986</option>
<option value="1987">1987</option>
<option value="1988">1988</option>
<option value="1989">1989</option>
<option value="1990">1990</option>
<option value="1991">1991</option>
<option value="1992">1992</option>
<option value="1993">1993</option>
<option value="1994">1994</option>
<option value="1995">1995</option>
<option value="1996">1996</option>
<option value="1997">1997</option>
<option value="1998">1998</option>
<option value="1999">1999</option>
<option value="2000">2000</option>
<option value="2001">2001</option>
<option value="2002">2002</option>
<option value="2003">2003</option>
<option value="2004">2004</option>
<option value="2005">2005</option>
</select>
</td>
</tr>
<tr>
<td>
<p>Number of days عدد الايام</p>
</td>
<td>
<input type='text' name='d_num' id='d_num' onkeyup="r()" readonly />
</td>
</tr>
</form>
</table>
</body>
</html>