ASP.NET 中的日期选择器自定义控件
无需在项目中放置任何图像、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 文件等放置在他们的项目中。如果缺少任何这些文件,则我们的页面将显示错误。现在将不再面临这个问题。