Date time js control_time date

Copy code The code is as follows:

');
//document.write('

');
document.write(''onclick="spanHourCEvent();"> 时');
document.write('' onChange="tiannetHour=this.value;tiannetWriteHead();document.all.tiannetHourHead.style.display=\'\';' +
'this.style.display=\'none\';">');
for(var i=0;i document.writeln('' + i + '时');
}
document.write('');
document.write(''onclick="spanMinuteCEvent();">  分');
document.write('' onChange="tiannetMinute=this.value;tiannetWriteHead();document.all.tiannetMinuteHead.style.display=\'\';'+
'this.style.display=\'none\';">');
for(var i=0;i document.writeln('' + i + '分');
}
document.write('');
document.write('

');
//输出一条横线
document.write('

');
document.write('

');
document.write('');
document.write(' ');
document.write('');
document.write('');
document.write('

');
//输出一条横线
document.write('

');
document.write('');
document.write(' ');
for(var i =0;i //输出星期
document.write('');
}
document.write(' ');
document.write('

' + weekName[i] + '

');
//输出天的选择
document.write('');
var n = 0;
for (var i=0;idocument.write (' ');
for (var j=0;jdocument.write('');
n ++;
}
document.write (' ');
}
document.write (' ');
document.write('');
document.write('');
document.write('');
document.write (' ');
document.write('

'onClick="tiannetDay=this.innerText;tiannetSetValue(true);" ' +' style="' + s_tiannet_day + '">
+' style="' + s_tiannet_day + '">	+' style="' + s_tiannet_day + '">	清空'+ ' 关闭' + ' 确定 ' + '

');
document.write('');
//------------------ end Page display part------------------ --------//
//------------------ Display the date and time span tag response event--------- ------------------//
//Click the year span label response
function spanYearCEvent(){
hideElementsById(new Array("selTianYear" ,"tiannetMonthHead"),false);
if(m_bolShowHour) hideElementsById(new Array("tiannetHourHead"),false);
if(m_bolShowMinute) hideElementsById(new Array("tiannetMinuteHead"),false);
hideElementsById(new Array("tiannetYearHead","selTianMonth","selTianHour","selTianMinute"),true);
}
//Click the month span label response
function spanMonthCEvent(){
hideElementsById(new Array("selTianMonth","tiannetYearHead"),false);
if(m_bolShowHour) hideElementsById(new Array("tiannetHourHead"),false);
if(m_bolShowMinute) hideElementsById(new Array("tiannetMinuteHead"),false);
hideElementsById(new Array("tiannetMonthHead","selTianYear","selTianHour","selTianMinute"),true);
}
//Click hour span tag response
function spanHourCEvent(){
hideElementsById(new Array("tiannetYearHead","tiannetMonthHead"),false);
if(m_bolShowHour) hideElementsById(new Array("selTianHour"),false) ;
if(m_bolShowMinute) hideElementsById(new Array("tiannetMinuteHead"),false);
hideElementsById(new Array("tiannetHourHead","selTianYear","selTianMonth","selTianMinute"),true);
}
//Click the minute span label response
function spanMinuteCEvent(){
hideElementsById(new Array("tiannetYearHead","tiannetMonthHead"),false);
if(m_bolShowHour) hideElementsById (new Array("tiannetHourHead"),false);
if(m_bolShowMinute) hideElementsById(new Array("selTianMinute"),false);
hideElementsById(new Array("tiannetMinuteHead","selTianYear","selTianMonth ","selTianHour"),true);
}
//Hide or show tags based on tag id
function hideElementsById(arrId,bolHide){
var strDisplay = "";
if (bolHide) strDisplay = "none";
for(var i = 0;i var obj = document.getElementById(arrId[i]);
obj. style.display = strDisplay;
}
}
//------------------ end The span tag that displays the date and time responds to the event---- -----------------------//
//Determine whether a certain year is a leap year
function isPinYear(year){
var bolRet = false;
if (0==year%4&&((year 0!=0)||(year@0==0))) {
bolRet = true;
}
return bolRet;
}
//Get the number of days in a month, leap year is 29 days
function getMonthCount(year,month){
var c=m_aMonHead[month-1];
if ((month==2)&&isPinYear(year)) c ;
return c;
}
//Reset the current day.Mainly to prevent the current day from being greater than the maximum day of the month when turning over the year or month
function setRealDayCount() {
if( tiannetDay > getMonthCount(tiannetYear,tiannetMonth) ) {
//If the current If the day is greater than the maximum day of the month, then the maximum day of the month is taken
tiannetDay = getMonthCount(tiannetYear,tiannetMonth);
}
}
//Add zero before the single digit
function addZero( value){
if(value value = "0" value;
}
return value;
}
//Remove spaces
function tiannetTrim (str) {
return str.replace(/(^s*)|(s*$)/g,"");
}
//Create an option for select
function createOption (objSelect,value,text){
var option = document.createElement("OPTION");
option.value = value;
option.text = text;
objSelect.options.add( option);
}
//Turn forward Year
function tiannetPrevYear() {
if(tiannetYear > 999 && tiannetYear else{ alert("The year is out of the range (1000-9999)!");}
tiannetSetDay(tiannetYear,tiannetMonth);
//If the year is less than the minimum allowed year, create the corresponding option
if( tiannetYear tiannetYearSt = tiannetYear;
createOption(document.all.selTianYear,tiannetYear,tiannetYear "year");
}
checkSelect(document.all.selTianYear,tiannetYear);
tiannetWriteHead();
}
//Turn backward Year
function tiannetNextYear() {
if(tiannetYear > 999 && tiannetYear else {alert("Year out of range (1000-9999)! ");return;}
tiannetSetDay(tiannetYear,tiannetMonth);
//If the year exceeds the maximum allowed year, create the corresponding option
if( tiannetYear > tiannetYearEnd ) {
tiannetYearEnd = tiannetYear;
createOption(document.all.selTianYear,tiannetYear,tiannetYear "year");
}
checkSelect(document.all.selTianYear,tiannetYear);
tiannetWriteHead();
}
//Select today
function tiannetToday() {
tiannetYear = tiannetDateNow.getFullYear();
tiannetMonth = tiannetDateNow.getMonth() 1;
tiannetDay = tiannetDateNow.getDate();
tiannetSetValue(true);
//tiannetSetDay(tiannetYear,tiannetMonth);
//selectObject();
}
//Turn forward the month
function tiannetPrevMonth() {
if(tiannetMonth>1){tiannetMonth--}else{tiannetYear--;tiannetMonth=12;}
tiannetSetDay(tiannetYear,tiannetMonth);
checkSelect(document.all.selTianMonth,tiannetMonth);
tiannetWriteHead();
}
//Flip the month forward
function tiannetNextMonth() {
if(tiannetMonth==12){tiannetYear ;tiannetMonth=1}else{tiannetMonth }
tiannetSetDay(tiannetYear,tiannetMonth);
checkSelect(document.all.selTianMonth,tiannetMonth);
tiannetWriteHead();
}
//Write the year, month, hour, and minute into the span tag Waiting for data
function tiannetWriteHead(){
document.all.tiannetYearHead.innerText = tiannetYear "year";
document.all.tiannetMonthHead.innerText = tiannetMonth "month";
if( m_bolShowHour ) document .all.tiannetHourHead.innerText = " " tiannetHour "hour";
if( m_bolShowMinute ) document.all.tiannetMinuteHead.innerText = tiannetMinute "minute";
tiannetSetValue(false);//Assign a value to the text box, but Do not hide this control
}
//Set the displayed day
function tiannetSetDay(yy,mm) {

setRealDayCount();//Set the real day of the month
tiannetWriteHead() ;
var strDateFont1 = "", strDateFont2 = "" //Handle date display style
for (var i = 0; i var day1 = 1;
var firstday = new Date(yy,mm-1,1).getDay(); //The day of the week of the first day of a certain month
for (var i = firstday; day1 tiannetArrDay[i]=day1;day1 ;
}
//If used to display the last row of day If the value of the first cell is empty, the entire row is hidden.
//if(tiannetArrDay[35] == ""){
// document.all.trTiannetDay5.style.display = "none";
//} else {
// document .all.trTiannetDay5.style.display = "";
//}
for (var i = 0; i var da = eval("document.all.tdTiannetDay " i) //Write the date and week arrangement of the new month
if (tiannetArrDay[i]!="") {
//Judge whether it is a weekend, if it is a weekend, change it to red font
if(i % 7 == 0 || (i 1) % 7 == 0){
strDateFont1 = ""
strDateFont2 = ""
} else {
strDateFont1 = "";
strDateFont2 = ""
}
da.innerHTML = strDateFont1 tiannetArrDay[i] strDateFont2;
//If it is the currently selected day, Then change the color
if(tiannetArrDay[i] == tiannetDay ) {
da.style.backgroundColor = "#CCCCCC";
} else {
da.style.backgroundColor = "#EFEFEF" ;
}
da.style.cursor="hand"
} else {
da.innerHTML="";da.style.backgroundColor="";da.style.cursor="default "
}
}//end for
tiannetSetValue(false);//Assign a value to the text box, but do not hide this control
}//end function tiannetSetDay
//According to option Value selection option
function checkSelect(objSelect,selectValue) {
var count = parseInt(objSelect.length);
if( selectValue selectValue = selectValue.substring(1,2);
}
for(var i = 0;i if(objSelect.options[i].value == selectValue){
objSelect.selectedIndex = i;
break;
}
}//for
}
//Select the year, month, hour, minute, etc. drop-down boxes
function selectObject(){
//If the year is less than the minimum allowed year, create the corresponding option
if( tiannetYear for( var i = tiannetYear;i createOption(document.all.selTianYear,i,i "Year");
}
tiannetYearSt = tiannetYear;
}
//If the year exceeds the maximum allowed year, Then create the corresponding option
if( tiannetYear > tiannetYearEnd ) {
for( var i = tiannetYearEnd 1;i createOption(document.all.selTianYear,i,i "Year");
}
tiannetYearEnd = tiannetYear;
}
checkSelect(document.all.selTianYear,tiannetYear);
checkSelect(document.all.selTianMonth,tiannetMonth);
if( m_bolShowHour ) checkSelect(document.all.selTianHour,tiannetHour);
if( m_bolShowMinute ) checkSelect(document.all.selTianMinute,tiannetMinute);
}
//Assign a value to the control that accepts date and time
//Parameter bolHideControl - whether to hide the control
function tiannetSetValue(bolHideControl){
var value = "";
if( !tiannetDay || tiannetDay == "" ){
tiannetOutObject. value = value;
return;
}
var mm = tiannetMonth;
var day = tiannetDay;
if( mm if( day value = tiannetYear tiannetDateSplit mm tiannetDateSplit day;
if ( m_bolShowHour ){
var hour = tiannetHour;
if( hour value = tiannetDateTimeSplit hour;
}
if( m_bolShowMinute ){
var minute = tiannetMinute;
if( minute value = tiannetTimeSplit minute;
}
tiannetOutObject.value = value;
//document.all.divTiannetDate.style.display = "none";
if( bolHideControl ) {
tiannetHideControl() ;
}
}
//Whether to display the time
function showTime(){
if( !m_bolShowHour && m_bolShowMinute){
alert("If you want to select minutes, it must be possible Choose the hour!");
return;
}
hideElementsById(new Array("tiannetHourHead","selTianHour","tiannetMinuteHead","selTianMinute"),true);
if( m_bolShowHour ){
//Show hours
hideElementsById(new Array("tiannetHourHead"),false);
}
if( m_bolShowMinute){
//Show minutes
hideElementsById(new Array("tiannetMinuteHead "),false);
}
}
//Pop up the calendar selection control to allow the user to select
function tiannetPopCalendar(){
//Hide the drop-down box and display the corresponding head
hideElementsById(new Array("selTianYear","selTianMonth","selTianHour","selTianMinute"),true);
hideElementsById(new Array("tiannetYearHead","tiannetMonthHead","tiannetHourHead"," tiannetMinuteHead"),false);
tiannetSetDay(tiannetYear,tiannetMonth);
tiannetWriteHead();
showTime();
var dads = document.all.divTiannetDate.style;
var iX , iY;

var h = document.all.divTiannetDate.offsetHeight;
var w = document.all.divTiannetDate.offsetWidth;
//Calculate left
if (window.event. x h > document.body.offsetWidth - 10 )
iX = window.event.x - h - 5 ;
else
iX = window.event.x 5;
if (iX iX=0;
//Calculate top
iY = window.event.y;
if (window.event.y w > document.body.offsetHeight - 10 )
iY = document.body.scrollTop document.body.offsetHeight - w - 5 ;
else
iY = document.body.scrollTop window.event.y 5;
if (iY iY=0;
dads.left = iX;
dads.top = iY;
tiannetShowControl();
selectObject();
}
//Hide calendar control( Also display the forcibly hidden labels)
function tiannetHideControl(){
document.all.divTiannetDate.style.display = "none";
tiannetShowObject();
arrTiannetHide = new Array(); //Clear the hidden label object
}
//Show the calendar control (while hiding the obscured label)
function tiannetShowControl(){
document.all.divTiannetDate.style.display = "";
tiannetHideObject("SELECT");
tiannetHideObject("OBJECT");
}
//Hide tags based on their names. If it will cover the selection of the control, object
function tiannetHideObject(strTagName) {

x = document.all.divTiannetDate.offsetLeft;
y = document.all.divTiannetDate.offsetTop;
h = document.all.divTiannetDate.offsetHeight;
w = document.all.divTiannetDate.offsetWidth;

for (var i = 0; i {

var obj = document.all.tags(strTagName)[i];
if (! obj || ! obj.offsetParent)
continue;
/ / Get the relative coordinates of the element to the BODY mark
var objLeft = obj.offsetLeft;
var objTop = obj.offsetTop;
var objHeight = obj.offsetHeight;
var objWidth = obj.offsetWidth;
var objParent = obj.offsetParent;

while (objParent.tagName.toUpperCase() != "BODY"){
objLeft = objParent.offsetLeft;
objTop = objParent.offsetTop;
objParent = objParent.offsetParent;
}
//alert("Control left end:" x "select left end" (objLeft objWidth) "Control bottom:" (y h) "select height:" objTop);

var bolHide = true;
if( obj.style.display == "none" || obj.style.visibility == "hidden" || obj.getAttribute("Author") == " tiannet" ){
//If the label itself is hidden, there is no need to hide it. If it is a drop-down box in a control, there is no need to hide it.
bolHide = false;
}
if( ( (objLeft objWidth) > ){
//arrTiannetHide.push(obj);//Record the hidden label object
arrTiannetHide[arrTiannetHide.length] = obj;
obj.style.visibility = "hidden";
}


}
}
//Show hidden tags
function tiannetShowObject(){
for(var i = 0;i //alert(arrTiannetHide[i]);
arrTiannetHide[i].style.visibility = "";
}
}
//Initialization date.
function tiannetInitDate(strDate){
var arr = strDate.split(tiannetDateSplit);
tiannetYear = arr[0];
tiannetMonth = arr[1];
tiannetDay = arr[2 ];
}
//Clear
function tiannetClear(){
tiannetOutObject.value = "";
tiannetHideControl();
}
//Close on any click The control
function document.onclick(){
with(window.event.srcElement){
if (tagName != "INPUT" && getAttribute("Author") != "tiannet")
tiannetHideControl();
}
}
//Press the ESC key to close the control
function document.onkeypress(){
if( event.keyCode == 27 ){
tiannetHideControl();
}
}

(1) Select date only

(2)Select date and hour
(3) Select date, hour and minute

Amount summary