编写"date picker"的简单方法 !

分享于 

2分钟阅读

Web开发

  繁體

介绍

想写你自己的酷日期选取器? 这里有大量的数据,但是很多人很难在现有代码中实现。 这一个不同,因为它只包含五行代码( 不包括CSS代码) !

它是如何工作的?

示例中包含 ButtonTextBoxPanel,当然,还包含 Calendar web控件。 开始时,有一个文本框和一个按钮。 点击按钮来打开日历。 点击日历选择一个日期,日历就会消失。 然后你选取的日期出现在文本框中。

Sample screenshot

点击按钮。

Sample screenshot

从日历中选择日期。

Sample screenshot

选定日期出现在文本框中。

逻辑

我使用 Panel web控件来保存 Calendar web控件。 我还为 Panel 定义了两种CSS样式。 一个显示 Panel,另一个用来隐藏 Panel。 单击按钮将指定隐藏并向 Panel 显示CSS样式。 日历就是这样出现和消失的。

技巧

这个技巧,或者我应该说这个日期选取器工作的"钥匙"是 Panel web控件。 第一次尝试时,我没有使用 Panel,而是将CSS样式分配给 Calendar web控件。 然后,问题是星期几的名称不会出现。 然后我将样式的CSS显示位置从绝对改为 relative。 它会显示工作日名称,但也会将文本框向下推。 然后,我尝试使用 PlaceHolder web控件或者它的他一些web控件,但 Panel web控件是最好的。

如何使用它?

你不能真正使用我的代码,但你可以查看我的代码并创建你自己的日期选取器或者。 我更喜欢使用原始组件开发应用程序,而不是编写一个完全新的类或者怪物来。

下载源代码并将它的解压到你的wwwroot文件夹并编译,然后运行。 你可能需要在IIS上配置一个Web应用程序名才能工作。


pick  挖掘  
相关文章