二，日历控件_shibaozhao的博客-程序员秘密

技术标签： date border textbox html 日历 dropdown

/*------------------------------------------------------------------------
  日期控件
  function Cal_dropdown(edit,min,max)
    弹出日历，可不给参数min和max，参数edit必须有   
  function Cal_datevalid(edit,min,max)
    检查edit中值是否为大于等于min，小于等于max的有效日期格式字符串。
    是则返回 true，否则返回false
    可不给参数min和max(字符串格式)
    参数edit必须有，如果edit无，则必须是：edit为edit和img的父亲(如span、div)的第一个元素
    
*/
var Cal_popup = window.createPopup();
var Cal_edit;
var Cal_editdate = new Date();
var Cal_maxdate;
var Cal_mindate;
function Cal_clearTime(thedate)
{
  thedate.setHours(0);
  thedate.setMinutes(0);
  thedate.setSeconds(0);
  thedate.setMilliseconds(0);
}
var Cal_today = new Date();
Cal_clearTime(Cal_today);
//检查日期// 
//editctrl：日期控件输入框 
// false: 日期错误 
function ChkCZDate(editctrl)
{
if(editctrl.value=='')
{ alert('请输入日期！')
  editctrl.select();
  editctrl.focus();
  return false;}
if(!Cal_datevalid(editctrl,'1910-1-1','3000-1-1'))
{
alert('日期格式不正确,日期有效范围为1910年到3000年');
editctrl.focus();
return false;
}
else
 return true;
}
function Cal_decDay(thedate,days)
{
  if (!days) days = 1;
  thedate.setTime(thedate - days*24*60*60*1000);
}
function Cal_incMonth(year,month)
{
if (month == 11) {
    month = 0;
    year++;
  } else month++;
  Cal_writeHTML(year,month);
}
function Cal_decMonth(year,month)
{
 if (month == 0) {
    month = 11;
    year--;
  } else month--;
  Cal_writeHTML(year,month);
}
function Cal_decYear(year,month)
{
  Cal_writeHTML(year-1,month);
}
function Cal_incYear(year,month)
{
  Cal_writeHTML(year+1,month);
}
function Cal_writeHTML(theyear,themonth)
{
  var html=
    '<div id="Cal_div1" style="width:231px;FONT-SIZE:9pt;background-color:#fffef5;border:black 1px solid">'+
    '<TABLE style="border-bottom:black 1px solid;FONT-SIZE: 9pt;background-color:#08D74C;color:white;'+
    'padding-top:2px;font-weight:bold;text-align:center" '+
    'cellSpacing="0" cellPadding="0" width="100%" border="0">'+
    '<TR><TD style="cursor:hand" align="left" width=24 οnmοuseοver="this.style.background=' +
    "'#12AFF8';" + '"' + ' οnmοuseοut="this.style.background=' + "'#08D74C';" + '"' +
    ' οnclick="parent.Cal_decYear(' + theyear + ',' + themonth + ');" '+
    '><年</TD>'+
    '<TD style="cursor:hand" align="left" width=24 οnmοuseοver="this.style.background=' +
    "'#12AFF8';" + '"' + ' οnmοuseοut="this.style.background=' + "'#08D74C';" + '"' +
    ' οnclick="parent.Cal_decMonth(' + theyear + ',' + themonth + ');" '+
    '><月</TD>'+
    '<TD align="center">';
    
  html += theyear + '年' + (themonth + 1) + '月</TD>'+
    '<TD style="cursor:hand" align="right" width=24 οnmοuseοver="this.style.background=' +
    "'#12AFF8';" + '"' + ' οnmοuseοut="this.style.background=' + "'#08D74C';" + '"' +
    ' οnclick="parent.Cal_incMonth(' + theyear + ',' + themonth + ');" '+
    '>月></TD>'+
    '<TD style="cursor:hand" align="right" width=24 οnmοuseοver="this.style.background=' +
    "'#12AFF8';" + '"' + ' οnmοuseοut="this.style.background=' + "'#08D74C';" + '"' +
    ' οnclick="parent.Cal_incYear(' + theyear + ',' + themonth + ');" '+
    '>年></TD>';
    
  html +=
    '</TR></TABLE>'+
    '<TABLE style="FONT-SIZE: 9pt;font-weight:bold;text-align:center;border-bottom:black 1px solid" '+
    'cellSpacing="2" cellPadding="0" width="100%" border="0">'+
    '<TR><TD>日</TD><TD>一</TD><TD>二</TD><TD>三</TD><TD>四</TD><TD>五</TD><TD>六</TD>'+
    '</TR></table>'+
    '<TABLE style="FONT-SIZE: 9pt;text-align:center;cursor:hand" cellSpacing="2" '+
    'cellPadding="0" width="100%" border="0">';
  var day1 = new Date(theyear,themonth,1);
  if (day1.getDay()!=0)
  Cal_decDay(day1,day1.getDay()); // 日历开始日 
for (var i=1;i<=6;i++) {
    html += '<TR>';
for (var j=1;j<=7;j++) {
      html += '<TD';
      if (day1.getTime()==Cal_today.getTime())
        html += ' style="color:blue"';
      else
      if (day1.getTime()==Cal_editdate.getTime())
        html += ' style="color:red"';
      else
      if (day1.getMonth() != themonth)
        html += ' style="color:#aaaaaa"';
      html += ' οnmοuseοver="this.style.background=' +
              "'#12AFF8';" + '"'+
              ' οnmοuseοut="this.style.background=' +
              "'#fffef5';" + '"';
      html += ' οnclick="parent.Cal_clickday('+day1.getTime() + ');"';
      html +='>' + day1.getDate() + '</TD>';
      Cal_decDay(day1,-1);
    }
    html += '</TR>';
    if (day1.getMonth() != themonth) break;
  }
    
  html +=
    '</TABLE>'+
    '<div style="border-top:black 1px solid;text-align:center;padding:2px">今天是 '+
    '<span style="color:blue;cursor:hand;text-decoration:underline" οnclick="javascript:parent.Cal_clickday('+
    Cal_today.getTime() + ');">'+
    Cal_today.getFullYear() + '-' + (Cal_today.getMonth()+1) + '-' + Cal_today.getDate() +
    '</span></div>'+
    '</div>';
  Cal_popup.document.body.innerHTML = html;
  if (Cal_popup.isOpen) // 重新调整显示高度 
    Cal_popup.show(0, Cal_edit.offsetHeight, 231, Cal_popup.document.all("Cal_div1").offsetHeight,Cal_edit);
}
// 字符串转换为日期 
function Cal_strtodate(str)
{
  var date = Date.parse(str);
 if (isNaN(date)) {
    date = Date.parse(str.replace(/-/g,"/")); // 识别日期格式：YYYY-MM-DD 
    if (isNaN(date)) date = 0;
  }
  return(date);
}
//返回日期间相差的天数 
function Cal_DateDiff(Date1, Date2)
{
    return (Date2-Date1)/(24*60*60*1000);
}
//返回日期间相差的月数(最大误差小于一个月) 
function Cal_MonthDiff(DateA, DateB)
{
    Date1=new Date();
    Date2=new Date();
    Date1.setTime(DateA);
    Date2.setTime(DateB);
    months = (Date2.getFullYear() - Date1.getFullYear()) * 12;
    addmonths = Date2.getMonth() - Date1.getMonth();
    months = months + addmonths;
    if(Date2.getDate() < Date1.getDate())
        months--;
    return months;
}
// 弹出日历，可不给参数min和max，参数edit必须有 
function Cal_dropdown(edit,min,max) {
if (!edit) {
    edit = window.event.srcElement.parentElement.children(0);
    if ((!edit.type) || (edit.type.toLowerCase() != "text")) return;
  }
  Cal_edit = edit;
  var date = Cal_strtodate(edit.value);
  if (date == 0) date = Cal_today.getTime();
  if (max) Cal_maxdate = Cal_strtodate(max);
  else Cal_maxdate=0;
  if (min) Cal_mindate = Cal_strtodate(min);
  else Cal_mindate = 0;
  Cal_editdate.setTime(date);
  Cal_writeHTML(Cal_editdate.getFullYear(),Cal_editdate.getMonth());
  Cal_popup.show(0, edit.offsetHeight, 231, 149,edit);
  Cal_popup.show(0, edit.offsetHeight, 231, Cal_popup.document.all("Cal_div1").offsetHeight,edit);
}
// 点击日期 
function Cal_clickday(day,edit)
{
  if (Cal_maxdate != 0) day = Math.min(day,Cal_maxdate);
  day = Math.max(day,Cal_mindate);
  Cal_editdate.setTime(day);
  var im;
  var id;
  if ((Cal_editdate.getMonth()+1)<10)
  {
   im = Cal_editdate.getMonth()+1;
   im = '0' + im;
  }
  else
   im = Cal_editdate.getMonth()+1;
  if ((Cal_editdate.getDate())<10)
   id = "0"+Cal_editdate.getDate();
  else
   id = Cal_editdate.getDate();
  Cal_edit.value = Cal_editdate.getFullYear() + "-" + im + "-"
                   + id;
  Cal_popup.hide();
  Cal_edit.fireEvent("onkeydown");
  Cal_edit.focus();
}
function Cal_datevalid(edit,min,max)
{
  // 检查edit中值是否为大于等于min，小于等于max的有效日期格式字符串。 
  var date = Cal_strtodate(edit.value);
  if (date == 0) return false;
  if (max) {
    var max = Cal_strtodate(max);
    if ((max!=0)&&(date>max)) return false;
  }
   if (min) {
    var min = Cal_strtodate(min);
    if ((min!=0)&&(date<min)) return false;
  }
  date = new Date(date);
  edit.value = date.getFullYear() + "-" + (date.getMonth()+1) +
               "-" + date.getDate();
  return true;
}

<asp:textbox id="dtOpenTime" runat="server" Width="100px" visible="True" ></asp:textbox>
<img src="img/calendar.gif" alt="打开日历" id="imgdtOpenTimeDate" style="CURSOR: hand;" οnclick="javascript:Cal_dropdown(dtOpenTime)" />

本文链接：https://blog.csdn.net/shibaozhao/article/details/3035769

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

java打包 MANIFEST.MF 文件内容详解_ZWPzym19790304的博客-程序员秘密

打开Java的JAR文件我们经常可以看到文件中包含着一个META-INF目录，这个目录下会有一些文件，其中必有一个MANIFEST.MF，这个文件描述了该Jar文件的很多信息，下面将详细介绍MANIFEST.MF文件的内容，先来看struts.jar中包含的MANIFEST.MF文件内容： Manifest-Version: 1.0 Created-By: Apache Ant 1.5.1 Ext

Django框架学习（四）：Django 单元测试_看门猫的博客-程序员秘密

Django框架学习（四）：Django 单元测试编写单元测试Django 框架自带了单元测试工具，利用该工具，我们可以方便地对单元进行错误检查，以提高项目的质量。编写单元测试在 Django 框架中，当新建一个应用时，会默认新建一个用于单元测试的 test.py 文件，我们的单元测试代码就写在 test.py 里。比如，在 view.py 里，我们写了一个相应用户登录操作的接口，如下：...

java飞机订票系统课程设计_基于Java+SSH的飞机票订票售票系统_weixin_39520775的博客-程序员秘密

需求分析基于Spring,Struts2,Hibernate,java实现一个飞机票订票售票系统, 能够管理会员信息、航班信息的管理、订单信息的管理、留言板的管理、查看航班信息、在线购买机票、查看订单信息、在线留言的功能本站提供了其他类型的在线订票系统源代码点击查看运行环境java, jdk1.8,tomcat8.5,mysql5.6,EclispseEE项目技术java, spring, s...

C语言的数组定义方式_c语言定义数组_张同学吧的博客-程序员秘密

C语言的数组定义方式c语言数组定义方式1、一维数组2、一维数组初始化3、一维数组元素的引用数组是存储数据的结构。由于单个变量所能存储的数据很有限，所以有了数组存储结构。不仅如此，数组和指针是相辅相成的，学习数组可以为学习指针打下基础。注意：同一数组中存储的数必须满足以下两个条件：这些数的类型必须相同。这些数在内存中必须是连续存储的。换句话说，数组是在内存中连续存储的具有相同类型的一组数据的集合。c语言数组定义方式1、一维数组通常一维数组的定义方法为：类型说明符数组名[常量表达式]；例

Xshell关闭后仍能后台运行程序的方法_xshell关闭后继续运行_球场书生的博客-程序员秘密

Xshell关闭后仍能后台运行程序的nohup方法nohup简介nohup简介

vc编译去掉vcruntime140.dll依赖_weixin_33785108的博客-程序员秘密

为什么80%的码农都做不了架构师？>>> ...