日期聯動系統

來源:互聯網
上載者:User

在實際開放系統中,我們經常需要查詢介於兩個日期之間的資料記錄。這就用到了日期聯動。一般網上有的大都是一個聯動很少見兩個的。我這裡提供兩個聯動的供大家參考。自己建立一個html檔案拷入下面的代碼即可。

<html>
<title>銷售模糊查詢</title><body >
<div align="center"><font color="#0000FF" size="2"><strong>銷售查詢系統</strong></font>
</div>
<form name="form1" >
    <TABLE cellSpacing=10 cellPadding=0 width=75% align=center border=0>
      <TBODY>
        <TR>
         
        <TD>開始日期(發貨)</TD>
          <TD colspan="2"><select name=YYYY >
              <option value="">請選擇 年</option>
            </select>
            年
            <select name=MM   >
              <option value="">選擇 月</option>
            </select>
            月
            <select name=DD>
              <option value="">選擇 日</option>
            </select>
            日 </TD>
        </TR>
        <TR>
         
        <TD>結束日期(發貨)</TD>
          <TD colspan="2"><select name=Year >
              <option value="">請選擇 年</option>
            </select>
            年
            <select name=Month   >
              <option value="">選擇 月</option>
            </select>
            月
            <select name=Day>
              <option value="">選擇 日</option>
            </select>
            日 </TD>
        </TR>
        <TR>
          <TD width=93>客戶名稱</TD>
          <TD colspan="2" > <font color="#FF0000">
            <select name=customname >
              <OPTION selected>全部客戶
            </select>
            </font></TD>
        </TR>
        <TR>
          <TD>每頁顯示數目</TD>
          <TD colspan="2"><select name=pagesize >
              <OPTION selected>10
              <OPTION>20
              <OPTION>50
              <OPTION>100 </select></TD>
        </TR>
        <TR>
          <TD height="23"> </TD>
          <TD width="270"> <div align="center">
              <INPUT class=buttonface type=submit value=確認 name=Submit>
              <INPUT class=buttonface type=reset value=複位 name=Submit2>
            </div></TD>
        </TR>
      </TBODY>
    </TABLE>
    </TD></TR></TBODY></TABLE>
</FORM>
         

<script language="JavaScript"><!--
function YYYYMMDDstart()
{
    MonHead = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];

    //先給年下拉框賦內容
    var y   = new Date().getFullYear();
    for (var i = (y-30); i < (y+30); i++) //以今年為準,前30年,後30年
       {
    document.form1.YYYY.options.add(new Option(" "+ i +" ", i));
  document.form1.Year.options.add(new Option(" "+ i +" ", i));
  }

    //賦月份的下拉框
    for (var i = 1; i < 13; i++)
        {
  document.form1.MM.options.add(new Option(" " + i + " ", i));
  document.form1.Month.options.add(new Option(" " + i + " ", i));
  }

    document.form1.YYYY.value = y;
 document.form1.Year.value = y;
    document.form1.MM.value = new Date().getMonth() + 1;
 document.form1.Month.value = new Date().getMonth() + 1;
 
    var n = MonHead[new Date().getMonth()];
    if (new Date().getMonth() ==1 && IsPinYear(YYYYvalue)) n++;
        writeDay(31); //賦日期下拉框Author:meizz
    document.form1.DD.value = new Date().getDate();
 
 
 document.form1.Day.value = new Date().getDate();  //add
 
}
function YYYYDD(str) //年發生變化時日期發生變化(主要是判斷閏平年)
{
    var MMvalue = document.form1.MM.options[document.form1.MM.selectedIndex].value;
    if (MMvalue == ""){ var e = document.form1.DD; optionsClear(e); return;}
    var n = MonHead[MMvalue - 1];
    if (MMvalue ==2 && IsPinYear(str)) n++;
       // writeDay(n)

    var MMvalue2 = document.form1.Month.options[document.form1.Month.selectedIndex].value;
    if (MMvalue2 == ""){ var e = document.form1.Day; optionsClear(e); return;}
    var m = MonHead[MMvalue2 - 1];
    if (MMvalue2 ==2 && IsPinYear(str)) m++;
      // writeDay(m)


}
function MMDD(str)  //月發生變化時日期聯動
{
    var YYYYvalue = document.form1.YYYY.options[document.form1.YYYY.selectedIndex].value;
    if (YYYYvalue == ""){ var e = document.form1.DD; optionsClear(e); return;}
    var n = MonHead[str - 1];
    if (str ==2 && IsPinYear(YYYYvalue)) n++;
      //  writeDay(n)
 
 
     var YYYYvalue2 = document.form1.Year.options[document.form1.Year.selectedIndex].value;
    if (YYYYvalue2 == ""){ var e = document.form1.Day; optionsClear(e); return;}
    var m = MonHead[str - 1];
    if (str ==2 && IsPinYear(YYYYvalue)) m++;
       //writeDay(m)
}

function writeDay(n)  //據條件寫日期的下拉框
{
    var e = document.form1.DD; optionsClear(e);
   for (var i=1; i<(n+1); i++)
        e.options.add(new Option(" "+ i + " ", i));
 
    var ee = document.form1.Day; optionsClear(ee);
   for (var j=1; j<(n+1); j++)
      ee.options.add(new Option(" "+ j + " ", j));
}

function IsPinYear(year)//判斷是否閏平年
{   return(0 == year%4 && (year%100 !=0 || year%400 == 0));}
function optionsClear(e)
{
    for (var i=e.options.length; i>0; i--)
        e.remove(i);

}
//--></script>
</body>
</html>

 



相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。