65.9K
CodeProject 正在变化。 阅读更多。
Home

ASP.NET 中的日期选择器自定义控件

starIconstarIconstarIcon
emptyStarIcon
starIcon
emptyStarIcon

3.40/5 (6投票s)

2009年4月19日

CPOL

2分钟阅读

viewsIcon

51109

downloadIcon

1617

无需在项目中放置任何图像、CSS 或 JavaScript 文件。只需三行代码即可实现奇迹。

引言

本文介绍的是日期选择器的自定义控件。此日期选择器可以在任何 ASP.NET 项目中使用。只需转到工具箱。在“常规”部分单击“选择项”。浏览 DatePicker.dll。添加它,然后只需将其拖放到您的 aspx 页面上。

背景

我非常感谢 Epoch Calendar 提供 JavaScript 和 CSS 文件。您可以在 http://www.javascriptkit.com/script/script2/epoch/index.shtml 处参考它。

使用代码 

只需转到工具箱。在“常规”部分单击“选择项”。浏览 DatePicker.dll。添加它,然后只需将其拖放到您的 aspx 页面上。它的引用将自动添加到 Bin 文件夹中。现在您会看到一个简单的文本框,单击它时会弹出一个日历。

只需在 aspx 页面中添加一小段代码。我们需要创建日历的新实例。代码片段如下所示。将其添加到 aspx 页面的 head 部分,或者如果您正在使用用户控件,则添加到页面标题之后。

 <script language="javascript" type="text/javascript">
  var calendar1;
  /*must be declared in global scope*/
  /*put the calendar initializations in the window's onload() method*/
  window.onload = function() {
  calendar1 = new Epoch('calendar1','popup',document.getElementById('DatePicker1'),false);
    return;
  }
  </script>
		 

请记住,此方法将在 Onload 时调用,并且应保持不变,否则日历将无法正常工作。您也可以通过在代码隐藏文件中添加属性来实现。

关注点

还有许多其他有用的自定义控件我们可以创建。这些控件提高了可重用性,并节省了我们的编码时间。此外,可以单独进行任何更改,然后将 dll 放置在任何项目中。

历史 

在创建此自定义控件之前,用户必须显式地将 JavaScript 文件、CSS 文件等放置在他们的项目中。如果缺少任何这些文件,则我们的页面将显示错误。现在将不再面临这个问题。

© . All rights reserved.