function showcalendar(event, controlid1, addtime1, startdate1, enddate1) {
alert('hello');
controlid = controlid1;
addtime = addtime1;
startdate = startdate1 ? parsedate(startdate1) : false;
enddate = enddate1 ? parsedate(enddate1) : false;
currday = controlid.value ? parsedate(controlid.value) : today;
hh = currday.getHours();
ii = currday.getMinutes();
var p = getposition(controlid);
$('calendar').style.display = 'block';
$('calendar').style.left = p['x']+'px';
$('calendar').style.top = (p['y'] + 20)+'px';
doane(event);
refreshcalendar(currday.getFullYear(), currday.getMonth());
if(lastcheckedyear != false) {
$('calendar_year_' + lastcheckedyear).className = 'calendar_default';
$('calendar_year_' + today.getFullYear()).className = 'calendar_today';
}
if(lastcheckedmonth != false) {
$('calendar_month_' + lastcheckedmonth).className = 'calendar_default';
$('calendar_month_' + (today.getMonth() + 1)).className = 'calendar_today';
}
$('calendar_year_' + currday.getFullYear()).className = 'calendar_checked';
$('calendar_month_' + (currday.getMonth() + 1)).className = 'calendar_checked';
$('hourminute').style.display = addtime ? '' : 'none';
lastcheckedyear = currday.getFullYear();
lastcheckedmonth = currday.getMonth() + 1;
if(is_ie && is_ie < 7) {
$('calendariframe').style.top = $('calendar').style.top;
$('calendariframe').style.left = $('calendar').style.left;
$('calendariframe').style.width = $('calendar').offsetWidth;
$('calendariframe').style.height = $('calendar').offsetHeight;
$('calendariframe').style.display = 'block';
}
}
分享到:
相关推荐
专用的日期控件:ShowCalendar.js,编码:UTF-8,注释里面有实用方法
onclick="showcalendar(event, this,false)" 没有时分秒 onclick="showcalendar(event, this,true)" 有时分秒 onclick="showcalendar(event, this,false,'2013-05-07')" 限制可选择时间从2013-05-07开始 onclick=...
调用:<script>ShowCalendar()</ script><br> 二. 网页调用方法: 1. 加入CSS样式: 边框颜色 .bordercolor{background-color:#CCCCCC;} 日期单元颜色 .cellcolor{background-color:#FFFFFF;}...
日历组件 强大的js组件,需要的朋友尽情的下载把。
JavaScript日历控件是一种在网页上实现日期选择功能的交互元素,它允许用户通过图形界面轻松选择日期,常用于表单填写、事件预订等场景。本文将深入探讨js日历控件的实现原理、特点以及如何使用laydate这款具体的...
vue日历组件,支持农历以及假期展示,可以自定义可选择日期范围 ... <calendar @choiseDay="chosieDayCallBack" @close="showCalendar = false" :currectDays="dateParams" :showCalendar="showCalendar"></calendar>
document.getElementById('showCalendar').addEventListener('click', showCalendar); ``` `showCalendar`函数会生成日历并将其显示在页面上。这涉及到循环遍历月份和日期,以及检查是否为闰年等细节。例如: ```...
<asp:TextBox ID="txtDate" runat="server" onfocus="showCalendar();"> ``` 这里我们为TextBox添加了一个`onfocus`事件,当TextBox获得焦点时会触发这个事件。`showCalendar()`是JavaScript函数,稍后我们将定义这...
2<input type=text id=text3 size=10 onfocus="showCalendar(this,'text4.value=text3.value')"> 3.说明:有一些朋友反映在.net环境下面会产生出错的现象,这个是因为VS.net自动与VSS连接的过程中,中文代码没能...
1、<input type=text id=text1 onfocus="showCalendar(this)" readonly> 2、<input type=text id=text3 size=10 onfocus="showCalendar(this,'text4.value=text3.value')"> 说明: 1.在调用之前,请在代码中引用日历...
`showCalendar()`函数的具体实现会因日历控件的不同而异,通常会涉及到DOM操作、CSS样式应用以及日期处理等。在提供的文档中,应当详细介绍了这个函数的用法和参数,确保按照文档说明正确调用。 此外,为了确保日历...
`showCalendar`函数会生成并显示日历。 ```javascript function showCalendar() { // 创建日历的逻辑 } ``` 在`showCalendar`函数内部,我们首先需要创建一个HTML结构来表示日历。这包括一个表格(`<table>`)来...
日期选择器 ...<input type="text" name="dateSD" value="<%=date%>" size="19" onclick="showcalendar(event, this)" onfocus="showcalendar(event, this);if(this.value=='0000-00-00')this.value=''">
这是一个功能强大的js日期控件,引用时加写: onfocus="showCalendar(this);
这是它的最终实现 解释-程序启动时,函数showCalendar()带有参数currentMonth和currentYear 。 此函数使用正确位置的日期填充表格。 按钮“ previous”,“ next”和下拉“ jump”控制函数previous() , next...
`DatePicker`类负责创建日期选择器实例,`showCalendar`方法用于展示日历,`updateInput`则用于更新文本框的日期。 图片资源`js日期控件.jpg`可能展示了日期控件的界面设计或工作原理,帮助开发者理解控件的外观和...
`showCalendar()`是假设存在于`Calendar.txt`中的函数,它会根据设置的参数弹出日历。这个函数可能包括以下几个部分: 1. **创建日历元素**:使用jQuery创建一个包含日历的DOM结构,包括月份、星期和日期。 2. **...
主函数是程序的入口点,它负责接收用户的输入,并调用 `ShowCalendar` 函数来显示指定年份的日历。主循环使得用户可以连续输入多个年份查看日历,直到程序被手动终止。 ### 5. 运行流程 1. 用户输入一个年份。 2. ...
此段代码创建了一个只读的文本输入框,当用户聚焦于该输入框时,会触发`showCalendar`函数展示一个日历供用户选择日期。 #### 示例二 ```html <input type="button" value="Show Calendar" onclick="showCalendar...
<button onclick="showCalendar()">选择日期 ;"> ``` 2. **CSS样式**:接着,我们为日历控件设计样式,包括颜色、布局等,使其符合网站的整体风格。可以使用CSS3的新特性,如Flexbox或Grid来实现更灵活的布局。 ...