parddudatetimepicker.js

权限组件的java代码写法例子下载

/**
 * 名称:js日历控件
 * 版本:1.0
 * 作者:Parddu
 */

//控件的全局变量
var parddu_disId = false;						//用于显示结果的控件id
var parddu_disFormat = "yyyy-MM-dd hh:mm:ss";	//用于显示结果的格式
var parddu_timeDiv = false;					//用于显示控件的层
var parddu_timeTable = false;					//用于实现控件的表格 
var parddu_nowTime = false;					//显示当前日期
var parddu_year_txt = false;					//年份控件
var parddu_month_txt = false;					//月份控件
var parddu_hour_txt = false;					//小时控件
var parddu_minute_txt = false;					//分钟控件
var parddu_second_txt = false;					//秒钟控件
var parddu_year_change_div = false;				//显示选择年的层
var parddu_year_change_sel = false;				//选择年的列表框
/**
 * 日历控件调用函数
 * txtId为现实结果的控件id
 * format为现实结果的格式
 * yyyy 代表年份
 * MM 代表月
 * dd 代表日
 * hh 代表小时
 * mm 代表分钟
 * ss 代表秒钟
 */
function PardduDateTimePicker(txtId,format){
	parddu_disId = txtId;
	if(format!=null && format!=""){
		parddu_disFormat = format;
	}
	if(!parddu_timeDiv){
		createparddu_timeDiv();
	}
	parddu_timeDiv.style.top = event.y;
	parddu_timeDiv.style.left = event.x;
	parddu_timeDiv.style.display="block";
	setNowTime();
	appendDay();
}

//生成日历控件,生成布局
function createparddu_timeDiv(){
	//创建层
	parddu_timeDiv = document.createElement("div");
	parddu_timeDiv.style.borderWidth = "1px";
	parddu_timeDiv.style.borderStyle = "solid";
	parddu_timeDiv.style.borderColor = "#993366";
	parddu_timeDiv.style.position="absolute";
	document.body.appendChild(parddu_timeDiv);
	//创建table
	parddu_timeTable = document.createElement("table");
	parddu_timeTable.style.fontSize="12px";
	parddu_timeTable.cellPadding="3px";
	parddu_timeTable.style.borderWidth="0px"
	parddu_timeTable.style.backgroundColor="#ffffff";
	parddu_timeTable.width="240";
	parddu_timeTable.cellSpacing="0";
	//创建控制行,表格的第一行
	var conRow = parddu_timeTable.insertRow();
	conRow.align="center";
	//表格的第一行，第二列
	var crTdTwo = conRow.insertCell();
	crTdTwo.style.backgroundColor="#cccccc";
	crTdTwo.colSpan="7";
	//年减少
	parddu_year_butsub = document.createElement("input");
	parddu_year_butsub.type="button";
	parddu_year_butsub.value="<<";
	parddu_year_butsub.title="减少一年";
	parddu_year_butsub.style.height="17px";
	parddu_year_butsub.style.cursor="hand";
	setButtonStyleOne(parddu_year_butsub);
	parddu_year_butsub.onmouseout=mouseOutBut;
	parddu_year_butsub.onmouseover=mouseOverBut;
	parddu_year_butsub.onclick=changeYearSub;
	crTdTwo.appendChild(parddu_year_butsub);
	var temp_str_one = document.createElement("label");
	temp_str_one.innerText=" ";
	crTdTwo.appendChild(temp_str_one);
	//月减少
	parddu_month_butsub = document.createElement("input");
	parddu_month_butsub.type="button";
	parddu_month_butsub.value="<";
	parddu_month_butsub.title="减少一月";
	parddu_month_butsub.style.height="17px";
	parddu_month_butsub.style.cursor="hand";
	setButtonStyleOne(parddu_month_butsub);
	parddu_month_butsub.onmouseout=mouseOutBut;
	parddu_month_butsub.onmouseover=mouseOverBut;
	parddu_month_butsub.onclick=changeMonthSub;
	crTdTwo.appendChild(parddu_month_butsub);
	var temp_str_two = document.createElement("label");
	temp_str_two.innerText=" ";
	crTdTwo.appendChild(temp_str_two);
	//选择年
	parddu_year_change_div = document.createElement("div");
	parddu_year_change_div.style.display = "none";
	parddu_year_change_div.style.borderWidth = "0px";
	parddu_year_change_div.style.position = "absolute";
	parddu_year_change_sel = document.createElement("select");
	parddu_year_change_sel.style.width = "50px";
	parddu_year_change_sel.style.height = "17px";
	setButtonStyleOne(parddu_year_change_sel);
	parddu_year_change_sel.onchange = closeChangeYear;
	parddu_year_change_div.appendChild(parddu_year_change_sel);
	crTdTwo.appendChild(parddu_year_change_div);
	//添加年控件
	parddu_year_txt = document.createElement("input");
	parddu_year_txt.type="text";
	parddu_year_txt.readOnly="true";
	parddu_year_txt.style.width="32px";
	parddu_year_txt.maxLength="4";
	parddu_year_txt.style.height="16px";
	setTextStyleOne(parddu_year_txt);
	parddu_year_txt.onclick=displayChangeYear;
	crTdTwo.appendChild(parddu_year_txt);
	var yearstr = document.createElement("label");
	yearstr.innerText="年";
	crTdTwo.appendChild(yearstr);
	//添加月控件
	parddu_month_txt = document.createElement("input");
	parddu_month_txt.type="text";
	parddu_month_txt.readOnly="true";
	parddu_month_txt.style.width="15px";
	parddu_month_txt.maxLength="2";
	parddu_month_txt.style.height="16px";
	setTextStyleOne(parddu_month_txt);
	crTdTwo.appendChild(parddu_month_txt);
	var monthstr = document.createElement("label");
	monthstr.innerText="月 ";
	crTdTwo.appendChild(monthstr);
	//添加小时控件
	parddu_hour_txt = document.createElement("input");
	parddu_hour_txt.type="text";
	parddu_hour_txt.id = "parddu_hour";
	parddu_hour_txt.title="小时";
	parddu_hour_txt.style.width="15px";
	parddu_hour_txt.maxLength="2";
	parddu_hour_txt.style.height="16px";
	setTextStyleTwo(parddu_hour_txt);
	parddu_hour_txt.onblur = timeTxtBlue;
	crTdTwo.appendChild(parddu_hour_txt);
	var hourstr = document.createElement("label");
	hourstr.innerText=":";
	crTdTwo.appendChild(hourstr);
	//parddu_minute_txt
	parddu_minute_txt = document.createElement("input");
	parddu_minute_txt.type="text";
	parddu_minute_txt.id = "parddu_minute";
	parddu_minute_txt.title="分钟";
	parddu_minute_txt.style.width="15px";
	parddu_minute_txt.maxLength="2";
	parddu_minute_txt.style.height="16px";
	setTextStyleTwo(parddu_minute_txt);
	parddu_minute_txt.onblur = timeTxtBlue;
	crTdTwo.appendChild(parddu_minute_txt);
	var minutestr = document.createElement("label");
	minutestr.innerText=":";
	crTdTwo.appendChild(minutestr);
	//parddu_second_txt
	parddu_second_txt = document.createElement("input");
	parddu_second_txt.type="text";
	parddu_second_txt.id = "parddu_second";
	parddu_second_txt.title="秒钟";
	parddu_second_txt.style.width="15px";
	parddu_second_txt.title="";
	parddu_second_txt.maxLength="2";
	parddu_second_txt.style.height="16px";
	setTextStyleTwo(parddu_second_txt);
	parddu_second_txt.onblur = timeTxtBlue;
	crTdTwo.appendChild(parddu_second_txt);
	var temp_str_three = document.createElement("label");
	temp_str_three.innerText=" ";
	crTdTwo.appendChild(temp_str_three);
	//月增加
	parddu_month_butadd = document.createElement("input");
	parddu_month_butadd.type="button";
	parddu_month_butadd.value=">";
	parddu_month_butadd.title="增加一月";
	parddu_month_butadd.style.height="17px";
	parddu_month_butadd.style.cursor="hand";
	setButtonStyleOne(parddu_month_butadd);
	parddu_month_butadd.onmouseout=mouseOutBut;
	parddu_month_butadd.onmouseover=mouseOverBut;
	parddu_month_butadd.onclick=changeMonthAdd;
	crTdTwo.appendChild(parddu_month_butadd);
	//年增加
	var temp_str_four = document.createElement("label");
	temp_str_four.innerText=" ";
	crTdTwo.appendChild(temp_str_four);
	parddu_year_butadd = document.createElement("input");
	parddu_year_butadd.type="button";
	parddu_year_butadd.value=">>";
	parddu_year_butadd.title="增加一年";
	parddu_year_butadd.style.height="17px";
	parddu_year_butadd.style.cursor="hand";
	setButtonStyleOne(parddu_year_butadd);
	parddu_year_butadd.onmouseout=mouseOutBut;
	parddu_year_butadd.onmouseover=mouseOverBut;
	parddu_year_butadd.onclick=changeYearAdd;
	crTdTwo.appendChild(parddu_year_butadd);
	//关闭按钮
	var temp_str_four = document.createElement("label");
	temp_str_four.innerText=" ";
	crTdTwo.appendChild(temp_str_four);
	parddu_close_but = document.createElement("input");
	parddu_close_but.type="button";
	parddu_close_but.value="×";
	parddu_close_but.title="关闭";
	parddu_close_but.style.height="17px";
	parddu_close_but.style.cursor="hand";
	setButtonStyleOne(parddu_close_but);
	parddu_close_but.onmouseout=mouseOutBut;
	parddu_close_but.onmouseover=mouseOverBut;
	parddu_close_but.onclick=closeTimePicker;
	crTdTwo.appendChild(parddu_close_but);
	//创建星期行
	var twoRow = parddu_timeTable.insertRow();
	twoRow.align="center";
	var wList = ["日","一","二","三","四","五","六"];
	for(var i in wList){
		var trTd = twoRow.insertCell();
		trTd.style.borderBottom="1px solid #006666";
		trTd.width="35";
		trTd.innerText = wList[i];
	}
	//显示当前日期
	parddu_nowTime = document.createElement("div");
	parddu_nowTime.style.fontSize="12px";
	parddu_nowTime.style.color="blue";
	parddu_nowTime.style.padding="5px";
	parddu_nowTime.style.cursor="hand";
	parddu_nowTime.style.backgroundColor="#cccccc";
	parddu_nowTime.title="点击取得当前时间";
	parddu_nowTime.onclick = outputNowDateTime;
	//将表格和现实当前时间的span加入div
	parddu_timeDiv.appendChild(parddu_timeTable);
	parddu_timeDiv.appendChild(parddu_nowTime);
}
//减少年
function changeYearSub(){
	parddu_year_txt.value = parseInt(parddu_year_txt.value)-1;
	appendDay();
}
//减少月份
function changeMonthSub(){
	var temp_month =  parseInt(parddu_month_txt.value)-1;
	if(temp_month<1){
		parddu_month_txt.value=12-temp_month;
		parddu_year_txt.value= parseInt(parddu_year_txt.value)-1;
	}
	else{
		parddu_month_txt.value=temp_month;
	}
	appendDay();
}
//增加月份
function changeMonthAdd(){
	var temp_month = parseInt(parddu_month_txt.value)+1;
	if(temp_month>12){
		parddu_month_txt.value=temp_month-12;
		parddu_year_txt.value= parseInt(parddu_year_txt.value)+1;
	}
	else{
		parddu_month_txt.value=temp_month;
	}
	appendDay();
}
//增加年
function changeYearAdd(){
	parddu_year_txt.value = parseInt(parddu_year_txt.value)+1;
	appendDay();