日期聯動系統

最後更新：2017-02-28 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

在實際開放系統中，我們經常需要查詢介於兩個日期之間的資料記錄。這就用到了日期聯動。一般網上有的大都是一個聯動很少見兩個的。我這裡提供兩個聯動的供大家參考。自己建立一個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>

    //先給年下拉框賦內容
    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>

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More

日期聯動系統

聯繫我們

A Free Trial That Lets You Build Big!

Sales Support

After-Sales Support