asp.net日期控件问题

分类: 电脑/网络 >>程序设计 >>其他编程语言

问题描述:

请问如何在vs2005中用vb给一个textbox控件添加一个日期控件，可以让用户根据这个日历进行选择日期，并入库，怎样引入呢？能说详细点么？我很着急，谢谢高手了！

qq:***********

解析:

你可以编写日期控件的响应函数，在用户作出选择后给编辑框赋值。。

asp.net 日期控件用 Calendar

ASPX页面代码：

<asp:Calendar ID="Calendar1" runat="server" BackColor="#FFFFCC" BorderColor="#FFCC66"

BorderWidth="1px" DayNameFormat="Shortest" Font-Names="Verdana" Font-Size="8pt"

ForeColor="#663399" Height="200px" ShowGridLines="True" Width="220px" OnSelectionChanged="Calendar1_SelectionChanged">

<SelectedDayStyle BackColor="#CCCCFF" Font-Bold="True" />

<TodayDayStyle BackColor="#FFCC66" ForeColor="White" />

<SelectorStyle BackColor="#FFCC66" />

<OtherMonthDayStyle ForeColor="#CC9966" />

<NextPrevStyle Font-Size="9pt" ForeColor="#FFFFCC" />

<DayHeaderStyle BackColor="#FFCC66" Font-Bold="True" Height="1px" />

<TitleStyle BackColor="#990000" Font-Bold="True" Font-Size="9pt" ForeColor="#FFFFCC" />

</asp:Calendar>

<asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="True" OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged">

<asp:ListItem Value="None">不选择</asp:ListItem>

<asp:ListItem Value="Day">天</asp:ListItem>

<asp:ListItem Value="DayWeek">天/周</asp:ListItem>

<asp:ListItem Value="DayWeekMonth">天/周/月</asp:ListItem>

</asp:DropDownList><br />

选中的日期是：<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label><br />

选中的天是：<asp:Label ID="Label2" runat="server" Text="Label"></asp:Label><br />

选中的月是：<asp:Label ID="Label3" runat="server" Text="Label"></asp:Label><br />

选中的年是：<asp:Label ID="Label4" runat="server" Text="Label"></asp:Label><br />

<asp:DropDownList ID="y" runat="server">

</asp:DropDownList>年

<asp:DropDownList ID="m" runat="server">

</asp:DropDownList>月

<asp:DropDownList ID="d" runat="server">

</asp:DropDownList>日 

<asp:Button ID="setButton" runat="server" Text="设置" OnClick="setButton_Click" />

ASPX.CS页面代码：

protected void Page_Load(object sender, EventArgs e)

{

if (!IsPostBack)

{

for (int i = 1980i <= 2010i++)

{

y.Items.Add(i.ToString())

}

for (int j = 1j <= 12j++)

{

m.Items.Add(j.ToString())

}

for (int k = 1k <= 31k++)

{

d.Items.Add(k.ToString())

}

Label1.Text = "请选定日期"

Label2.Text = "请选定日期"

Label3.Text = "请选定日期"

Label4.Text = "请选定日期"

}

}

protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)

{

switch (DropDownList1.SelectedValue)

{

case "None":

Calendar1.SelectionMode = CalendarSelectionMode.None

break

case "Day":

Calendar1.SelectionMode = CalendarSelectionMode.Day

break

case "DayWeek":

Calendar1.SelectionMode = CalendarSelectionMode.DayWeek

break

case "DayWeekMonth":

Calendar1.SelectionMode = CalendarSelectionMode.DayWeekMonth

break

//default: Calendar1.SelectionMode = CalendarSelectionMode.Day

}

}

protected void Calendar1_SelectionChanged(object sender, EventArgs e)

{

Label1.Text = Calendar1.SelectedDate.Date.ToShortDateString()

Label2.Text = Calendar1.SelectedDate.Day.ToString()

Label3.Text = Calendar1.SelectedDate.Month.ToString()

Label4.Text = Calendar1.SelectedDate.Year.ToString()

}

protected void setButton_Click(object sender, EventArgs e)

{

Calendar1.VisibleDate = Convert.ToDateTime(y.SelectedValue.ToString() + "-" + m.SelectedValue.ToString() + "-" + d.SelectedValue.ToString())

}

这个很简单啦，使用方法如下，希望对你有帮助（如果没有My97DatePicker，我可以通过邮件发送给你）：

第一步：将My97DatePicker文件copy到你的项目根目录下。

第二步：引入该日历控件的js(将WdatePicker.js文件拖入到界面title下面即可)

例如：<script src="DatePicker/WdatePicker.js" type="text/javascript"></script>

第三步：引用日历控件

只需给input文本框添加一个 onfocus="WdatePicke=({isShowClear:true,readOnly:true,dateFmt:'yyyy'})"即可

yyyy代表显示格式为年份，你可以根据你的需求做一些修改，如年月日（yyyy-MM-dd）

---