C# + Javascript 日历控件(WdatePicker.js)
2011-11-01 18:55
369 查看
前台:
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="js/My97DatePicker/WdatePicker.js" type="text/javascript"></script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:TextBox ID="DateFrom" runat="server"></asp:TextBox>
<br />
<asp:TextBox ID="DateTo" runat="server"></asp:TextBox>
</div>
</form>
</body>
</html>
后台:
namespace SpiritualHouseWeb.Test
{
public partial class DateCalendarTest : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
LoadJsStartDate();
}
protected void LoadJsStartDate()
{
DateFrom.Attributes.Add("onfocus", "WdatePicker({doubleCalendar:false,dateFmt:'yyyy-MM-dd',minDate:'2010-01-01',maxDate:'" + DateTime.Now.AddDays(730).ToString("yyyy-MM-dd") + "',lang:'zh-cn'})");
DateTo.Attributes.Add("onfocus", "WdatePicker({doubleCalendar:false,dateFmt:'yyyy-MM-dd',minDate:'2010-01-01',maxDate:'" + DateTime.Now.AddDays(730).ToString("yyyy-MM-dd") + "',lang:'zh-cn'})");
}
}
}
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="js/My97DatePicker/WdatePicker.js" type="text/javascript"></script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:TextBox ID="DateFrom" runat="server"></asp:TextBox>
<br />
<asp:TextBox ID="DateTo" runat="server"></asp:TextBox>
</div>
</form>
</body>
</html>
后台:
namespace SpiritualHouseWeb.Test
{
public partial class DateCalendarTest : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
LoadJsStartDate();
}
protected void LoadJsStartDate()
{
DateFrom.Attributes.Add("onfocus", "WdatePicker({doubleCalendar:false,dateFmt:'yyyy-MM-dd',minDate:'2010-01-01',maxDate:'" + DateTime.Now.AddDays(730).ToString("yyyy-MM-dd") + "',lang:'zh-cn'})");
DateTo.Attributes.Add("onfocus", "WdatePicker({doubleCalendar:false,dateFmt:'yyyy-MM-dd',minDate:'2010-01-01',maxDate:'" + DateTime.Now.AddDays(730).ToString("yyyy-MM-dd") + "',lang:'zh-cn'})");
}
}
}
相关文章推荐
- WdatePicker.js的使用方法 帮助文档 (日历控件)
- WdatePicker.js的使用方法 帮助文档 (日历控件)
- WdatePicker.js的使用方法 帮助文档 使用说明(时间控件)
- 【js与jquery】javascript开源项目收藏(如:弹出框、日历控件)
- WdatePicker.js的使用方法 帮助文档 使用说明(时间控件)
- WdatePicker.js 日历点击时,触发自定义方法
- WdatePicker.js的使用方法 帮助文档 使用说明(时间控件)
- My97 DatePicker——强大的 JavaScript 日历控件
- WdatePicker.js日期控件的日期设置问题
- WdatePicker.js的使用方法 帮助文档 使用说明(时间控件)
- WdatePicker.js的使用方法 帮助文档 使用说明(时间控件)
- 大量JavaScript日历控件(some free Calendar control by JS)
- 大量JavaScript日历控件(some free Calendar control by JS),转载别人的
- WdatePicker—WdatePicker日历控件使用方法
- js 跨域的问题 (同一个主域名不同的二级域名下的跨域问题) 解决 WdatePicker.js my97日期选择控件
- JavaScript 几种JS日历控件
- 大量JavaScript日历控件(some free Calendar control by JS)
- asp.net C#用JavaScript获取JS显示得到TextBox文本框控件text值内容
- WdatePicker.js的使用方法 帮助文档 使用说明(时间控件)
- WdatePicker.js日期选择控件