`

Discuz showcalendar

IE 
阅读更多
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

    专用的日期控件:ShowCalendar.js,编码:UTF-8,注释里面有实用方法

    DZX日期控件

    onclick="showcalendar(event, this,false)" 没有时分秒 onclick="showcalendar(event, this,true)" 有时分秒 onclick="showcalendar(event, this,false,'2013-05-07')" 限制可选择时间从2013-05-07开始 onclick=...

    javascript封装的日历插件

    调用:&lt;script&gt;ShowCalendar()&lt;/ script&gt;&lt;br&gt; 二. 网页调用方法: 1. 加入CSS样式: 边框颜色 .bordercolor{background-color:#CCCCCC;} 日期单元颜色 .cellcolor{background-color:#FFFFFF;}...

    showcalendar.js

    日历组件 强大的js组件,需要的朋友尽情的下载把。

    js日历控件

    JavaScript日历控件是一种在网页上实现日期选择功能的交互元素,它允许用户通过图形界面轻松选择日期,常用于表单填写、事件预订等场景。本文将深入探讨js日历控件的实现原理、特点以及如何使用laydate这款具体的...

    vue日历组件,支持农历以及假期展示,可以自定义可选择日期范围

    vue日历组件,支持农历以及假期展示,可以自定义可选择日期范围 ... &lt;calendar @choiseDay="chosieDayCallBack" @close="showCalendar = false" :currectDays="dateParams" :showCalendar="showCalendar"&gt;&lt;/calendar&gt;

    js日历代码,选择日期和时间代码

    document.getElementById('showCalendar').addEventListener('click', showCalendar); ``` `showCalendar`函数会生成日历并将其显示在页面上。这涉及到循环遍历月份和日期,以及检查是否为闰年等细节。例如: ```...

    asp.net中TextBox获得焦点显示JS日历控件

    &lt;asp:TextBox ID="txtDate" runat="server" onfocus="showCalendar();"&gt; ``` 这里我们为TextBox添加了一个`onfocus`事件,当TextBox获得焦点时会触发这个事件。`showCalendar()`是JavaScript函数,稍后我们将定义这...

    JS日历控件及其详细使用方法

    2&lt;input type=text id=text3 size=10 onfocus="showCalendar(this,'text4.value=text3.value')"&gt; 3.说明:有一些朋友反映在.net环境下面会产生出错的现象,这个是因为VS.net自动与VSS连接的过程中,中文代码没能...

    JS日历控件及其使用方法

    1、&lt;input type=text id=text1 onfocus="showCalendar(this)" readonly&gt; 2、&lt;input type=text id=text3 size=10 onfocus="showCalendar(this,'text4.value=text3.value')"&gt; 说明: 1.在调用之前,请在代码中引用日历...

    点击文本框弹出日历控件(可以选择日期)

    `showCalendar()`函数的具体实现会因日历控件的不同而异,通常会涉及到DOM操作、CSS样式应用以及日期处理等。在提供的文档中,应当详细介绍了这个函数的用法和参数,确保按照文档说明正确调用。 此外,为了确保日历...

    html_日历控件_js日历

    `showCalendar`函数会生成并显示日历。 ```javascript function showCalendar() { // 创建日历的逻辑 } ``` 在`showCalendar`函数内部,我们首先需要创建一个HTML结构来表示日历。这包括一个表格(`&lt;table&gt;`)来...

    Js日期选择器Calendar.js

    日期选择器 ...&lt;input type="text" name="dateSD" value="&lt;%=date%&gt;" size="19" onclick="showcalendar(event, this)" onfocus="showcalendar(event, this);if(this.value=='0000-00-00')this.value=''"&gt;

    js日历控件 ,javascript日历控件

    这是一个功能强大的js日期控件,引用时加写: onfocus="showCalendar(this);

    calendarHTML-Javascript:使用Pure JavaScript构建的简单日历(无库)http://iamnitinpatel.comprojectscalendar

    这是它的最终实现 解释-程序启动时,函数showCalendar()带有参数currentMonth和currentYear 。 此函数使用正确位置的日期填充表格。 按钮“ previous”,“ next”和下拉“ jump”控制函数previous() , next...

    html+javascript的简单带文本框选择日期控件

    `DatePicker`类负责创建日期选择器实例,`showCalendar`方法用于展示日历,`updateInput`则用于更新文本框的日期。 图片资源`js日期控件.jpg`可能展示了日期控件的界面设计或工作原理,帮助开发者理解控件的外观和...

    点击文本框弹出日历的jquery代码和使用方法

    `showCalendar()`是假设存在于`Calendar.txt`中的函数,它会根据设置的参数弹出日历。这个函数可能包括以下几个部分: 1. **创建日历元素**:使用jQuery创建一个包含日历的DOM结构,包括月份、星期和日期。 2. **...

    c日历 c++编的日历

    主函数是程序的入口点,它负责接收用户的输入,并调用 `ShowCalendar` 函数来显示指定年份的日历。主循环使得用户可以连续输入多个年份查看日历,直到程序被手动终止。 ### 5. 运行流程 1. 用户输入一个年份。 2. ...

    几种日历控件代码,附图

    此段代码创建了一个只读的文本输入框,当用户聚焦于该输入框时,会触发`showCalendar`函数展示一个日历供用户选择日期。 #### 示例二 ```html &lt;input type="button" value="Show Calendar" onclick="showCalendar...

    js日历控件日历控件

    &lt;button onclick="showCalendar()"&gt;选择日期 ;"&gt; ``` 2. **CSS样式**:接着,我们为日历控件设计样式,包括颜色、布局等,使其符合网站的整体风格。可以使用CSS3的新特性,如Flexbox或Grid来实现更灵活的布局。 ...

Global site tag (gtag.js) - Google Analytics