加入各种浏览器都兼容的日期选择器

  注意1:由于需要兼容各种版本的浏览器 代码使用的是c语言开发工具编写的,多以js文件请不要在dreamweaver中做修改,否则会出现乱码。

 2 :我的calendar.js文件保存在我的marketmangement文件夹下面 因此引用的时候需要注意路径。

 如何使用:第一步 加入calendar。Js文件 由于我在工程中已经加过了 所以这一步可以省去。

     第二步 在你需要使用日期选择器的文件中的<head></head>标签中间添加以下语句。

      <scriptsrc="calendar.js"></script>

      注意:即使文件中有你自己的js代码也没事,但是不能再引用其他的类似的外链js代码。

       第三步 :在需要使用日期选择器的文件中添加日期选择控件

     <inputtype="text" name="sDate1" value="<?php echo$_COOKIE['time1'];?>" id="starttime" size="20"onClick="return Calendar('starttime');"/>

 

注意:这里面的name  value id  这几个属性是可以自己随便设置的。

第四步 :前面几步做完之后只是将文本框内容设置为了你所选择的日期 还没有得到里面的值 所以需要进行获取值及以后的操作。这应该是属于自己的查询响应函数里面的内容 。我在这里提供一个参考:

这是查询的按钮:

 <td width="60"align="center" ><a name="serach"id="btnserach" onClick="doserach()" href="marketmanagement.php">查询</a></td>

这里是按钮处理时间的响应函数:

<scripttype="text/javascript" language="javascript">

 function doserach(){//响应查询按钮

          

            varstarttime=document.getElementById("starttime").value;

               varendtime=document.getElementById("endtime").value;

    if(starttime==""){

         alert("开始时间不能为空");

            return;

   }

   else if(endtime ==""){

         alert("结束时间不能为空");

             return;

     }

   else{

           //得到两个时间

                vardate1_arr=starttime.split("-");

             var year1=parseInt(date1_arr[0]);

             varmonth1=parseInt(date1_arr[1])-1;

             var day1=parseInt(date1_arr[2]);

             var date1=newDate(year1,month1,day1);

                

             vardate2_arr=endtime.split("-");

             var year2=parseInt(date2_arr[0]);

             varmonth2=parseInt(date2_arr[1])-1;

             var day2=parseInt(date2_arr[2]);

             var date2=newDate(year2,month2,day2);

                //判断时间是否符合要求

                if(date1>date2){

            alert("开始时间晚于结束时间,请重新选择!");

                return;

                 }

               else{

                    document.cookie="time1="+document.getElementById("starttime").value;

                      document.cookie="time2="+document.getElementById("endtime").value;

                 //alert("aaaaaaaaaaaaaaaaaaaaaaaaaaaaa");

               // send_request();//刷新数据

              

               }

     }

   

}

             

</script>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值