点击弹出日历框

原创 2011年01月25日 11:09:00

点击弹出日历框

 

http://blog.csdn.net/highwell1/archive/2009/03/30/4037383.aspx

 

a.asp代码:
<form method="POST" name="form1" autocomplete=off>
 <p align="center"><input type="text" name="T1" size="20" onClick="JavaScript:window.open('day.asp?form='+this.form.name+'&field='+this.name+'&oldDate='+this.value,'','directorys=no,toolbar=no,status=no,menubar=no,scrollbars=no,resizable=no,width=250,height=200,top=220,left=250');">
 <input type="text" name="T2" size="20" onclick="form1.T3.value=this.form.name;form1.T4.value=this.name;"><input type="text" name="T3" size="20" onClick="JavaScript:window.open('day.asp?form='+this.form.name+'&field='+this.name+'&oldDate='+this.value,'','directorys=no,toolbar=no,status=no,menubar=no,scrollbars=no,resizable=no,width=250,height=200,top=220,left=250');"><input type="text" name="T4" size="20" onClick="JavaScript:window.open('day.asp?form='+this.form.name+'&field='+this.name+'&oldDate='+this.value,'','directorys=no,toolbar=no,status=no,menubar=no,scrollbars=no,resizable=no,width=250,height=200,top=220,left=250');"><input type="submit" value="提交" name="B1"><input type="reset" value="重置" name="B2"></p>
</form>

day.asp代码(也可以用其他现成的日历控件,注意参数。本例调用的是服务器的时间):
<html>
 <head>
  <title>选择日期                </title>
   <style type=text/css>
    <!--
    body{margin:0;font-size:9pt;color:#5E639B}
    td{font-size:9pt;color:#000000}
    a:link {color:#000000;text-decoration: none}
    a:visited {color:#000000;text-decoration: none}
    a:active {color:#000000;text-decoration: none}
    a:hover { color:#ff3333;text-decoration: none}
    -->
   </style>
   <Script  Language="JavaScript">
    function getDay(v){
     window.opener.document.<%=request.querystring("form")%>.<%=request.querystring("field")%>.value=v;
     window.opener.document.<%=request.querystring("form")%>.<%=request.querystring("field")%>.focus();
     window.opener=null;
     window.close();
     return false;
    }
   </Script>
 </head>
 <body bgcolor=#ffffff onBlur="window.focus()">
<%
oldDate=request("oldDate")
if not isDate(oldDate) then oldDate=date
yy=year(cdate(oldDate))
mm=month(cdate(oldDate))
if request("yy")<>"" then yy=request("yy")
if request("mm")<>"" then mm=request("mm")
if yy="" then yy=year(date)
if mm="" then mm=month(date)
if mm>12 then mm=1:yy=yy+1
if mm<1 then mm=12:yy=yy-1

dim m(12)
m(1)=31
m(3)=31
m(5)=31
m(7)=31
m(8)=31
m(10)=31
m(12)=31
m(2)=28
m(4)=30
m(6)=30
m(9)=30
m(11)=30
if (yy mod 4=0 and yy mod 100<>0) or yy mod 400=0 then m(2)=29
mms=m(mm)
week1=(weekday(cdate(yy & "-" & mm & "-1"))-1)
%>
     <table width=250 cellspacing=1 cellpadding=0 bgcolor=#FFDFDF align=center>
      <tr>
       <td colspan=7 align=center>
        <table width=100% height=20 cellspacing=0 cellpadding=0>
         <tr height=20>
          <td width=30 align=center>
           <a href=day.asp?form=<%=request("form")%>&field=<%=request("field")%>&yy=<%=(yy-1)%>&mm=<%=mm%>>
            <font face=webdings style=color:#000000 title="上一年">7</font>
           </a>
          <td width=30 align=center>
           <a href=day.asp?form=<%=request("form")%>&field=<%=request("field")%>&mm=<%=(mm-1)%>&yy=<%=yy%>>
            <font face=webdings style=color:#000000 title="上一月">3</font>
           </a>
          <td width=130 align=center style="FONT:9pt Verdana,Geneva,sans-serif;color:#CD0101">
           <b><%=yy%> 年 &nbsp; <%=mm%> 月</b>
          <td width=30 align=center>
           <a href=day.asp?form=<%=request("form")%>&field=<%=request("field")%>&mm=<%=(mm+1)%>&yy=<%=yy%>>
            <font face=webdings style=color:#000000 title="下一月">4</font>
           </a>
          <td width=30 align=center>
           <a href=day.asp?form=<%=request("form")%>&field=<%=request("field")%>&yy=<%=(yy+1)%>&mm=<%=mm%>>
            <font face=webdings style=color:#000000 title="下一年">8</font>
           </a>
        </table>
      <tr bgcolor=#ffffff height=20>
       <td width=35 align=center bgcolor=#FFF4F4 style=color:#ff6633>日
       <td width=35 align=center bgcolor=#FFF4F4>一
       <td width=35 align=center bgcolor=#FFF4F4>二
       <td width=35 align=center bgcolor=#FFF4F4>三
       <td width=35 align=center bgcolor=#FFF4F4>四
       <td width=35 align=center bgcolor=#FFF4F4>五
       <td width=35 align=center bgcolor=#FFF4F4>六
<%
if week1<>0 then
 response.write "<tr>"
  for i=1 to week1
   response.write "<td width=35 height=20 bgcolor=#ffffff>&nbsp;"
  next
end if
for i=1 to mms
 if (i+week1-1) mod 7=0 then response.write "<tr>"
 response.write "<td width=35 height=20 align=center bgcolor=#ffffff>"
 if cdate(yy & "-" & mm & "-" & i)=date() then
%>
<input type=button value=<%=i%>
 style="BORDER:#CD0101 1px groove;width:30;height:16;font-size:9pt;background-color:#FFD9D9;color:#CD0101"
 onclick="javascript:getDay('<%=yy%>-<%=mm%>-<%=i%>');" title="<%=yy%>年<%=mm%>月<%=i%>日(今天)">
<%
 else
%>
<input type=button value=<%=i%>
 style="BORDER:#000000 1px groove;width:30;height:16;font-size:9pt;background-color:#ffffff;color:#000000"
 onclick="javascript:getDay('<%=yy%>-<%=mm%>-<%=i%>');" title="<%=yy%>年<%=mm%>月<%=i%>日">
<%
 end if
next
if (mms+week1) mod 7<>0 then
 for i=1 to (7-((mms+week1) mod 7))
  response.write "<td width=35 height=20 bgcolor=#ffffff>&nbsp;"
 next
end if
%>
     </table><br>
<div align=center><a href="javascript:window.close()">〖关闭本窗口〗</a></div>
 </body>
</html>

 

本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/highwell1/archive/2009/03/30/4037383.aspx

点击Input框弹出日期选项

测试地址:http://down.admin5.com/demo/code_pop/18/1299/ 效果图片: 后台代码: 点击text文本框弹出日期选择器 body{m...
  • a364416036
  • a364416036
  • 2016年08月03日 08:58
  • 6857

jquery实现input点击输入框弹出日期

这个功能使用到了jQuery中的focus函数, 所需的js, /* * My97 DatePicker 4.8 Beta1 * License: http://www.my97.net/dp/l...
  • wojiaohuangyu
  • wojiaohuangyu
  • 2016年12月20日 22:02
  • 2365

点击弹出日历框

a.asp代码:  day.asp代码(也可以用其他现成的日历控件,注意参数。本例调用的是服务器的时间):   选择日期                           body{margin:0...
  • highwell1
  • highwell1
  • 2009年03月30日 23:26
  • 516

Android 点击输入框弹出日历 《H》

MainActivity页面 import android.app.DatePickerDialog; import android.os.Bundle; import android.suppor...
  • weixin_40060411
  • weixin_40060411
  • 2017年12月11日 16:33
  • 100

IOS 点击输入框,弹出日期控件

1.    //添加时间选择器         UIDatePicker *date = [[UIDatePicker alloc]init];         //设置只显示中文     ...
  • u010238793
  • u010238793
  • 2015年04月28日 10:37
  • 465

JS轻松实现单击文本框弹出选择日期

// 主调用函数是 setday(this,[object])和setday(this),[object]是控件输出的控件名,举两个例子: // 一、 // 二、 //function seta...
  • spy1403414807
  • spy1403414807
  • 2012年04月11日 22:55
  • 3887

鼠标单击文本框自动弹出日历

 JavaScript:
  • JEACKIE
  • JEACKIE
  • 2010年09月04日 20:17
  • 2164

安卓日历、时间弹出框

安卓项目开发中,会遇到选择日期和时间的需求,安卓本身自带了两个类,DataPickerDialog和TimePickerDialog(弹出框),可以完成需求。 1、DataPickerDialog用...
  • androidxiaojiang
  • androidxiaojiang
  • 2016年08月11日 11:57
  • 1458

ASP.NET弹出式日历选择控件的实现

最近好几个项目都用到日历选择,而考虑到页面刷新,多个控件页面传值等问题,决定自己写个建议又实用的弹出式日历选择控件以备调用。具体如下实现: 在需要调用日期选择的页面放置两个TEXTBOX与BUTTON...
  • yehaiping1214
  • yehaiping1214
  • 2008年04月10日 19:30
  • 775

简单的日期选择控件的实现(弹出日历,选择日期)

项目地址:https://github.com/vikramkakkar/SublimePicker 星星 一千八的  值得拥有 很简单  直接compile  之后 就是 界面 自定义 Di...
  • fenlyer
  • fenlyer
  • 2017年07月05日 15:54
  • 472
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:点击弹出日历框
举报原因:
原因补充:

(最多只允许输入30个字)