初學者？JS日歷控件如何在VS2008中使用
我在VS2008中學習開發.net網站，現在需要在一個textbox上輸入日期，想textbox被點擊時彈出一個日歷控件，VS2008自帶的日歷控件不能改年，只能一個月一個月翻，而且網上都說用JS的日歷控件好，我在網上下載了一個梅花雨日歷控件，但不知道怎么在VS2008中使用,請好心朋友指點下:
1、怎么將這個JS文件引入？
網上有人說
(將含有calendar.js 文件的JS文件夾拷入應用系統主目錄，如d:\fjllygl
引用JS文件, 在 <head>里加入
<input id="txtIN" runat="server" type="text" onclick="calendar()" />[/color])
我按照他說的，在我的Main.aspx文件中加入如下代碼:
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Main.aspx.vb" Inherits="Main" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>無標題頁</title>
<input id="txtIN" runat="server" type="text" onclick="calendar()" />
</head>
Vs2008提示我 (元素“input”不能嵌套在元素“head”中)
2、第二個問題是，怎么控制這個日歷控件在屏幕中的顯示位置？
差不多
關鍵不是用哪個版本的日歷控件，而是怎么把calendar.JS引用到我的Main.aspx頁面中？
我剛才又按照控件中的說明文檔加入如下代碼:
<head runat="server">
<title>無標題頁</title>
<link href="Calendar.css" type="text/css" rel="stylesheet"/>
<script language="javascript" type = "text/javascript" src ="Calendar.js"></script>
</head>
日期：<asp:TextBox id="txtDATE" runat="server" onchange='javascript:gChangeDate(this,0);' onblur='javascript:gChangeDate(this,0);'></asp:TextBox>
<INPUT TYPE="button" value="..." NAME="bntDATE" OnClick="showCalendar(txtDATE,0)" class="button"/>
運行時點擊"...."按鈕IE就提示"網頁上有錯誤"，沒有顯示日歷出來
已經搞定了，用了二樓推薦的"My97DatePicker"搞定了，一樣的方法用Calendar.js就不行
1、怎么將這個JS文件引入？
網上有人說
(將含有calendar.js 文件的JS文件夾拷入應用系統主目錄，如d:\fjllygl
引用JS文件, 在 <head>里加入
<input id="txtIN" runat="server" type="text" onclick="calendar()" />[/color])
我按照他說的，在我的Main.aspx文件中加入如下代碼:
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Main.aspx.vb" Inherits="Main" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>無標題頁</title>
<input id="txtIN" runat="server" type="text" onclick="calendar()" />
</head>
Vs2008提示我 (元素“input”不能嵌套在元素“head”中)
2、第二個問題是，怎么控制這個日歷控件在屏幕中的顯示位置？
8 个解决方案
#1
用My97DatePicker這個日期控件吧。文檔很清晰
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>無標題頁 </title>
<input id="txtIN" runat="server" type="text" onclick="calendar()" />
</head>
input不要放在head中，放到<body></body>中
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>無標題頁 </title>
<input id="txtIN" runat="server" type="text" onclick="calendar()" />
</head>
input不要放在head中，放到<body></body>中
#2
差不多
#3
關鍵不是用哪個版本的日歷控件，而是怎么把calendar.JS引用到我的Main.aspx頁面中？
我剛才又按照控件中的說明文檔加入如下代碼:
<head runat="server">
<title>無標題頁</title>
<link href="Calendar.css" type="text/css" rel="stylesheet"/>
<script language="javascript" type = "text/javascript" src ="Calendar.js"></script>
</head>
日期：<asp:TextBox id="txtDATE" runat="server" onchange='javascript:gChangeDate(this,0);' onblur='javascript:gChangeDate(this,0);'></asp:TextBox>
<INPUT TYPE="button" value="..." NAME="bntDATE" OnClick="showCalendar(txtDATE,0)" class="button"/>
運行時點擊"...."按鈕IE就提示"網頁上有錯誤"，沒有顯示日歷出來
#4
我代碼用的是Vb.
#5
<%@ Page Language="VB" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
<title>WebForm1</title>
<link href="Calendar.css" rel="stylesheet" type="text/css" />
<script src="Calendar.js" type="text/javascript"></script>
</HEAD>
<body>
<form id="Form1" method="post" runat="server">
<table cellSpacing="1" cellPadding="1" width="936" border="0" height="29" style="LEFT: 10px; POSITION: absolute; TOP: 15px">
<tr>
<td>
<!--日期實例化--begin-->
<asp:TextBox id="txtDATE" runat="server" onchange='javascript:gChangeDate(this,0);' onblur='javascript:gChangeDate(this,0);'></asp:TextBox>
<INPUT TYPE="button" value='...' NAME='bntDATE' OnClick='showCalendar(txtDATE,0)' class="button">
<!--end-->
</td>
</tr>
</table>
</form>
</body>
</HTML>
Calendar.css和Calendar.JS我已經復制到項目文件夾中，怎么還是不能使用呢？
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
<title>WebForm1</title>
<link href="Calendar.css" rel="stylesheet" type="text/css" />
<script src="Calendar.js" type="text/javascript"></script>
</HEAD>
<body>
<form id="Form1" method="post" runat="server">
<table cellSpacing="1" cellPadding="1" width="936" border="0" height="29" style="LEFT: 10px; POSITION: absolute; TOP: 15px">
<tr>
<td>
<!--日期實例化--begin-->
<asp:TextBox id="txtDATE" runat="server" onchange='javascript:gChangeDate(this,0);' onblur='javascript:gChangeDate(this,0);'></asp:TextBox>
<INPUT TYPE="button" value='...' NAME='bntDATE' OnClick='showCalendar(txtDATE,0)' class="button">
<!--end-->
</td>
</tr>
</table>
</form>
</body>
</HTML>
Calendar.css和Calendar.JS我已經復制到項目文件夾中，怎么還是不能使用呢？
#6
<script src="Calendar.js" type="text/javascript"> </script>
這里主要是注意一下路徑問題
如果頁面與js文件是在同一級下，就可以這么用
這里主要是注意一下路徑問題
如果頁面與js文件是在同一級下，就可以這么用
#7
已經搞定了，用了二樓推薦的"My97DatePicker"搞定了，一樣的方法用Calendar.js就不行
#8
能不能把vs中的日歷控件給加個翻年的按鈕啊，請高手們指點一下
注意！
本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系我们删除。