asp.net中JS日历控件使用

JavaScript024

asp.net中JS日历控件使用,第1张

1)先定义如下样式:.DatePicker

{

behavior:

url(../Css/Calendar.htc)

//这个url里是你的js日历控件的路径

}2)页面代码里面调用,注意CssClass属性:

这是一种最常用的方式,当然,你还可以把它做成

自定义控件

,那个做好后使用更简单,方法是楼上说的那样。

在jsp页面中使用js日期控件

<script src="js/Calendar.js" type="text/javascript" language="javascript"></script>

加入到页面中 js/Calendar.js 这是控件的路径

<input name="txtDate" type="text" onclick="SelectDate(this)" readonly="readonly">

你直接在JSP页面上引那个JS控件 然后在你要引用的地方写个onclick事件调用.

比如看下面代码片段:

<html:html>

<head>

<html:base/>

<title>缴存管理</title>

<meta http-equiv="Content-Type" content="text/htmlcharset=UTF-8">

<link rel="stylesheet" href="<%=path%>/css/index.css" type="text/css">

</head>

<script src="<%=path%>/js/common.js">

</script>

<script type="text/javascript">

var s1=""

var s2=""

function executeAjax() {

var queryString = "monthpayTaFindAAC.do?"

var id = document.monthpayJYAF.elements["orgid"].value.trim()

if(isNaN(id)){

alert("请输入正确格式的编号!")

document.monthpayJYAF.elements["orgid"].value=""

document.monthpayJYAF.elements["orgid"].focus()

return false

}

if(id == ""){

gotoOrg("2")

}else{

-------------------------------------------

common.js是项目中的js,这里用的是相对路径引入,

-------------------------------------------

<td width="17%" class="td1" >单位编号</td>

<td width="23%" >

<html:text name="monthpayJYAF" property="orgid" ondblclick="return executeAjax()" onkeydown="gotoEnter()" styleClass="input3" styleId="txtsearch"/>

<input type="hidden" name="orgsid" value="<bean:write name="monthpayJYAF" property="orgid"/>">

</td>

--------------------------------------------

上面是个文本框,onclick js中的executeAjax这个方法.

大体方法是这么用,至于你的在文本框中显示日期,要具体问题具体去分析解决了,我以前一个项目里有你这个功能,但不是我做的,现在一时找不出来了.抱歉.