注意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>