初學者?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、第二個問題是,怎么控制這個日歷控件在屏幕中的顯示位置?

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>中

#2


引用 1 樓 lambober 的回復:
用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>中

差不多

#3


引用 1 樓 lambober 的回復:
用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>中

關鍵不是用哪個版本的日歷控件,而是怎么把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我已經復制到項目文件夾中,怎么還是不能使用呢?

#6


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

這里主要是注意一下路徑問題
如果頁面與js文件是在同一級下,就可以這么用

#7


引用 6 樓 lambober 的回復:
<script src="Calendar.js" type="text/javascript"> </script>

這里主要是注意一下路徑問題
如果頁面與js文件是在同一級下,就可以這么用

已經搞定了,用了二樓推薦的"My97DatePicker"搞定了,一樣的方法用Calendar.js就不行

#8


能不能把vs中的日歷控件給加個翻年的按鈕啊,請高手們指點一下

注意!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系我们删除。



 
粤ICP备14056181号  © 2014-2021 ITdaan.com