ASP.NET DateTime Picker

Question

是否有任何好的免费/开源时间选择器控件与ASP.NET日历控件很好用？

Answer 1

您的问题的答案是肯定的,有任何好的免费/开源时间选择器控件与ASP.NET日历控件很好地配合.

ASP.NET Calendar控件只写一个html表.

如果您使用的是HTML5和DOT.NET Framework 4.5,则可以使用ASP.NET TextBox控件,并将TextMode属性设置为"Date","Month","Week"或"Time"或" DateTimeLocal"或者如果您没有使用Chrome或Firefox或Internet Explorer,那么您也可以将此属性设置为"DateTime".

然后读取Text属性以从TextBox获取日期,时间,月或周作为字符串.

如果您使用的是DOT.NET Framework 4.0或更早版本,那么您可以使用html5输入类型="日期"或输入类型="月"或输入类型="周"或输入类型="时间"或输入类型= "datetime-local"或者如果您没有使用Chrome或Firefox或Internet Explorer,那么您也可以使用input type ="datetime".

如果您需要在服务器端代码(用C#或Visual Basic编写)用户在日期字段中输入的信息,那么您可以尝试通过在输入标记内写入来在服务器上运行此元素 TextMode

同时为此元素指定一个id,以便您可以在服务器端代码上访问它.读取Value属性以将输入日期,时间,月份或周作为字符串.如果您无法在服务器上运行此元素,则除了输入type ="date"或"time"或"month"或"week"之外,还需要一个隐藏字段.在提交函数(用javascript编写)中,将隐藏字段的值设置为输入类型="日期",或"时间",或"月",或"周"的值,然后在服务器端代码,也将该隐藏字段的Value属性读为字符串.

确保html的隐藏字段元素可以在服务器上运行.

希望有所帮助.

Answer 2

JQuery有最好的日期选择器恕我直言.虽然它不是特定的.Net仍然很好用.

HTML:

<input type="text" value="9/23/2009" style="width: 100px;" readonly="readonly" name="Date" id="Date" class="hasDatepicker"/>

头元素:

<script src="../../Scripts/jquery-1.3.2.min.js" language="javascript" type="text/javascript"/>
<script src="../../Scripts/jquery-ui-1.7.1.custom.min.js" type="text/javascript"/>

就那么简单!

Answer 3

在文本框中添加以下内容：

textmode="Date"

它为您提供了美观的Datepicker，如下所示：

其他的变化是：

textmode="DateTime"

它给您以下外观：

textmode="DateTimeLocal"

Answer 4

由于它是我用过的唯一一个,我建议使用http://www.ajaxcontroltoolkit.com/上的CalendarExtender .

Answer 5

这是没有jquery的解决方案。

在 WebForm 中添加 Calendar 和 TextBox -> WebForm 的源代码如下：

<asp:Calendar ID="Calendar1" runat="server" OnSelectionChanged="DateChange">
</asp:Calendar>
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>

在WebForm的cs文件中创建方法：

protected void Page_Load(object sender, EventArgs e)
    {
        TextBox1.Text = DateTime.Today.ToShortDateString()+'.';
    }

    protected void DateChange(object sender, EventArgs e)
    {
        TextBox1.Text = Calendar1.SelectedDate.ToShortDateString() + '.';
    }

方法 DateChange 与 Calendar 事件 SelectionChanged 相关联。它看起来像这样： DatePicker Image