`
- 浏览:
316316 次
- 性别:
- 来自:
甘肃平凉
-
function set_cele_date(year,month)
...{
var i,j,p,k
var nd=new Date(year,month-1,1);
event.cancelBubble=true;
cele_date_year.value=year;
cele_date_month.value=month;
k=nd.getDay()-1
var temp;
for (i=1;i<=6;i++)
for(j=1;j<=7;j++)
...{
eval("c"+i+"_"+j+".innerHTML=""");
eval("c"+i+"_"+j+".bgColor="#9C2810"");//#9C2810设置数字的背景色
eval("c"+i+"_"+j+".style.cursor="hand"");
}
while(month-1==nd.getMonth())
...{ j=(nd.getDay() +1);
p=parseInt((nd.getDate()+k) / 7)+1;
eval("c"+p+"_"+j+".innerHTML="+"""+nd.getDate()+""");
if ((nd.getDate()==today.getDate())&&(cele_date_month.value==today.getMonth()+1)&&(cele_date_year.value==today.getYear()))...{
eval("c"+p+"_"+j+".bgColor="#6B0000"");//#6B0000设置当前日期的颜色
}
if (nd>date_end || nd<date_start)
...{
eval("c"+p+"_"+j+".bgColor="#FF9999"");
eval("c"+p+"_"+j+".style.cursor="text"");
}
nd=new Date(nd.valueOf() + 86400000)
}
}
//s_object:点击的对象;d_start-d_end有效的时间区段;需要存放值的控件;
function show_cele_date(eP,d_start,d_end,t_object)
...{
window.cele_date.style.display="";
window.cele_date.style.zIndex=99
var s,cur_d
var eT = eP.offsetTop;
var eH = eP.offsetHeight+eT;
var dH = window.cele_date.style.pixelHeight;
var sT = document.body.scrollTop;
var sL = document.body.scrollLeft;
event.cancelBubble=true;
window.cele_date.style.posLeft = event.clientX-event.offsetX+sL-5;
window.cele_date.style.posTop = event.clientY-event.offsetY+eH+sT-5;
if (window.cele_date.style.posLeft+window.cele_date.clientWidth>document.body.clientWidth) window.cele_date.style.posLeft+=eP.offsetWidth-window.cele_date.clientWidth;
//if (window.cele_date.style.posTop+window.cele_date.clientHeight>document.body.clientHeight) window.cele_date.style.posTop-=(eP.offsetHeight+window.cele_date.clientHeight+5);
if (d_start!="")...{
if (d_start=="today")...{
date_start=new Date(today.getYear(),today.getMonth(),today.getDate());
}else...{
s=d_start.split(separator);
date_start=new Date(s[0],s[1]-1,s[2]);
}
}else...{
date_start=new Date(1900,1,1);
}
if (d_end!="")...{
s=d_end.split(separator);
date_end=new Date(s[0],s[1]-1,s[2]);
}else...{
date_end=new Date(3000,1,1);
}
g_object=t_object
cur_d=new Date()
set_cele_date(cur_d.getYear(),cur_d.getMonth()+1);
window.cele_date.style.display="block";
/**//***************2002-02-01 MODIFY BY WING ***********/
window.cele_date.focus();
/**//*MODIFY END*/
}
function td_click(t_object)
...{
var t_d
if (parseInt(t_object.innerHTML,10)>=1 && parseInt(t_object.innerHTML,10)<=31 )
...{ t_d=new Date(cele_date_year.value,cele_date_month.value-1,t_object.innerHTML)
if (t_d<=date_end && t_d>=date_start)
...{
var year = cele_date_year.value;
var month = cele_date_month.value;
var day = t_object.innerHTML;
if (parseInt(month)<10) month = "0" + month;
if (parseInt(day)<10) day = "0" + day;
g_object.value=year+separator+month+separator+day;
window.cele_date.style.display="none";};
}
}
function h_cele_date()
...{
window.cele_date.style.display="none";
}
function overcolor(obj)
...{
if (obj.style.cursor=="hand") obj.style.color = "#FFFFFF";//#FFFFFF设置鼠标经过日期数字时的颜色
/**//*********** 2002-02-01 MODIFY BY WING *****/
inover=true;
window.cele_date.focus();
/**//* MODIFY END */
}
function outcolor(obj)
...{
obj.style.color = "#dddddd";//000000设置鼠标离开日期数字后的颜色
/**//*********** 2002-02-01 MODIFY BY WING *****/
inover=false;
/**//*MODIFY END */
}
分享到:
Global site tag (gtag.js) - Google Analytics
相关推荐
JavaScript日期控件是Web开发中常见的一种元素,用于在网页上提供用户...文件`date.html`可能包含了使用这些知识点实现的一个示例,而`js日期控件2.zip`和`js实现日期控件`可能是更复杂实现的源代码或进一步的资源。
而"calendar.js"应该是实际的JavaScript代码文件,包含了日期控件的核心逻辑和功能实现。开发者可以通过查看和引用这个文件,将日期控件集成到自己的项目中。 在实际应用中,使用此类日期控件可能涉及以下几个步骤...
本文将深入探讨“js手机端日期控件”,这是一个专为移动端设计的JavaScript日期选择器,具备良好的兼容性和易用性。 首先,我们要理解JavaScript(简称JS)在前端开发中的作用。JS是一种轻量级的脚本语言,主要用于...
这篇内容将深入讲解JavaScript日期控件及其使用方法,结合提供的`jsDate.html`和`date.js`文件,我们将学习如何创建和自定义这样的控件。 1. **内置JavaScript日期对象** JavaScript提供了一个内置的`Date`对象,...
2. **自定义日期控件** 虽然JavaScript内置的Date对象可以满足基本需求,但为用户提供直观且易于使用的界面通常需要定制的日期选择器。这通常通过编写自定义JavaScript函数或使用第三方库实现。 3. **第三方日期...
通常,JavaScript日期控件会包含一系列函数,用于创建、显示和管理日期选择器,以及处理用户选择日期后的事件。开发者可以通过调用这些函数来在网页上生成日期输入字段,并为用户提供友好的交互界面。 描述中提到,...
"JS 日期控件"是一个专门处理日期选择功能的JavaScript库,它简化了开发者在网页上添加日期选择功能的过程。下面将详细探讨这一主题,包括其核心特性、使用方法以及自定义选项。 1. **核心特性** - **轻量级**:JS...
本压缩包文件提供了几个经过测试的好用的js日期控件示例,包括"demo2"、"demo3"、"demo1"和"demo4",这些都是开发者们在实际项目中可以使用的资源。 1. **基础概念** - **JavaScript Date对象**:JavaScript内置的...
JavaScript日期控件因其轻量级、灵活性和易于集成的特点,在Web开发中被广泛使用。本篇将深入探讨JavaScript日期控件,包括其基本原理、使用方法以及如何与jQuery库结合,同时也将提及压缩包中的相关资源。 一、...
综上所述,JavaScript日期控件的设计和实现涉及JavaScript核心、DOM操作、事件处理、第三方库的使用以及对无障碍性和兼容性的考虑。理解这些知识点并结合实际需求,你可以创建出功能强大且用户体验优秀的日期控件。
总的来说,JS日期控件涉及了JavaScript的基础知识,如对象、事件、DOM操作,以及一些高级特性,如国际化和性能优化。理解并掌握这些知识点,能帮助开发者构建出功能完备、用户体验优秀的日期选择功能。
总结来说,这个“非常好用的js日期控件”是一个包含CSS样式和JavaScript实现的日期选择组件,提供了良好的用户体验和高度的可定制性。开发者可以将它轻松集成到自己的项目中,通过调整CSS来匹配网页设计,通过修改JS...
JS日期控件通过JavaScript代码实现与用户的交互,可以验证用户输入的日期格式,提供日期范围限制等功能。 2. **自定义日期格式** 不同的日期控件可能支持不同的日期格式,如"YYYY-MM-DD"、"MM/DD/YYYY"或"DD.MM....
本文将深入探讨JavaScript日期控件,尤其是“js日期控件”,并分析其优势以及如何在项目中应用。 JavaScript是一种轻量级的解释型编程语言,常用于网页的动态交互。在ASP.NET中,服务器端控件虽然功能强大,但每次...
JavaScript日期控件是一种在网页上实现用户交互式选择日期的工具,它通常通过JavaScript库或者框架来实现,比如jQuery UI的Datepicker、Bootstrap的DatePicker、Moment.js等。这些控件可以提供用户友好的界面,方便...
JS日期控件的设计和实现主要基于JavaScript和HTML5,有时也会结合CSS3来增强样式和交互效果。这类控件的开发可以自定义,但也有许多现成的库和框架可供选择,例如这里提到的可能是一个名为“calendar”的JS日期选择...
Js日期控件是JavaScript编程中用于处理日期和时间交互的库或插件。它们提供了一种图形化的用户界面,让用户可以方便地在网页上选择日期,而无需直接输入日期格式。这些控件通常包括日历视图、时间选择器等功能,且...
本主题将深入探讨如何创建一个简单的JavaScript日期控件,以及相关的核心概念和技术。 首先,JavaScript内置了Date对象,它是处理日期和时间的基础。通过创建一个新的Date实例,我们可以获取当前的日期和时间,或者...
js 日期控件 轻巧 简化 简单 日期选择 里面只有一个js文件和一个demo页面 没有其他图片等资源,放到项目里面就可以使用 轻巧,简单,无任何其他第三方插件等 极力推荐 js 日期控件 轻巧 简化 简单 日期选择 里面...
标题中提到的“超级简单好用的JS日期控件”很可能是一个基于JavaScript实现的日期选择插件,它提供了方便快捷的日期选择功能,避免了.NET自带控件的复杂性。这种控件通常会在用户聚焦到输入框时,通过JS事件监听机制...