Question

我使用Ajax日历扩展程序在Date_Box中显示日期，然后将扩展程序数字向下数字以选择时间......

这是我的代码：

<td bgcolor="#969ECD">
            &nbsp;&nbsp;&nbsp;
            <asp:TextBox ID="Date_Box" runat="server" Width="85px"></asp:TextBox>&nbsp;

            <br />
             <div style="height: 4px"></div>

            &nbsp;&nbsp;&nbsp;
            <asp:TextBox ID="txtHour" runat="server" ></asp:TextBox>
            <ajaxToolkit:NumericUpDownExtender ID="txtHour_NumericUpDownExtender" 
                runat="server" Enabled="True" Maximum="12" Minimum="1"  
                TargetControlID="txtHour" Width="70" >    
            </ajaxToolkit:NumericUpDownExtender>

            <asp:TextBox ID="txtMinute" runat="server"></asp:TextBox>
            <ajaxToolkit:NumericUpDownExtender ID="txtMinute_NumericUpDownExtender" 
                runat="server" Enabled="True" Maximum="59" Minimum="1" 
                TargetControlID="txtMinute" Width="70" >
            </ajaxToolkit:NumericUpDownExtender>

            <asp:TextBox ID="txtDayPart" runat="server"></asp:TextBox>
            <ajaxToolkit:NumericUpDownExtender ID="txtDayPart_NumericUpDownExtender" 
                runat="server" Enabled="True" RefValues="AM;PM" TargetControlID="txtDayPart"  Width="70">
            </ajaxToolkit:NumericUpDownExtender>

            <asp:Button ID="Update" runat="server"  Text="Update" 
               onclick="Update_Click1" />
            <br />
        </td>
    </tr>
</table>
</div>

     <ajaxToolkit:CalendarExtender ID="CalendarExtender1" runat="server" 
    TargetControlID="Date_Box" PopupPosition="TopRight"  >
     </ajaxToolkit:CalendarExtender>

现在功能明智唯一的问题是当我在文本框中写一些东西而不是普通格式并单击更新按钮时它让我接受这些值，而不应该让它写除日期格式以外的任何其他内容..例如文本框中没有字母..

这仍然可以解决，使用一些异常消息......

但现在主要的问题是控件的外观。数字扩展器按钮太大而且线条格式不好，三个时间文本框之间还有很多空间......有没有办法使这个看起来整洁＆gt;＆gt;＆gt;

我如何解决问题...任何建议???！

这是图片链接http://www.freeimagehosting.net/image.php?05945773e0.jpg alt text

Answer 1

最简单的方法是为数字扩展器分配CssClass属性，并使用css修复布局问题。

Answer 2

您可以使用asp：RegularExpressionValidator来验证文本框内容： http://msdn.microsoft.com/en-us/library/eahwtc9e.aspx

NumericUpDown的文档指定您可以使用自定义图像作为更新按钮： http://www.asp.net/AJAX/AjaxControlToolkit/Samples/NumericUpDown/NumericUpDown.aspx

Answer 3

您可能想要找到here找到的ajax控件包中的FilteredTextbox。如果他们不符合某些标准，它将阻止在框中键入。希望这可以帮助汤姆

日期和时间控制格式

3 个答案: