日期和時間控制格式

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>

現在，從功能上來講，唯一的問題是，當我在文本框中輸入除常規格式以外的內容並單擊“更新”按鈕時，它允許我接受值，而不是除日期格式外不應允許其他內容。文本框

我仍然可以使用一些異常消息找出答案...

但現在的主要問題是控件的外觀。 數字擴展器按鈕太大，行格式不好，三個時間文本框之間也有很多空格...有沒有辦法使它看起來整潔>>>

我該如何解決問題...任何建議？

這是圖片鏈接http://www.freeimagehosting.net/image.php?05945773e0.jpg 替代文字

Answer 1

最簡單的方法是為數字擴展器分配一個CssClass屬性，並使用css來解決布局問題。

Answer 2

您可以使用asp：RegularExpressionValidator驗證文本框內容： http : //msdn.microsoft.com/zh-cn/library/eahwtc9e.aspx

NumericUpDown的文檔指定您可以對上下按鈕使用自定義圖像： http : //www.asp.net/AJAX/AjaxControlToolkit/Samples/NumericUpDown/NumericUpDown.aspx

Answer 3

您可能要嘗試從此處找到的ajax控制工具箱嘗試FilteredTextbox。 如果他們不符合某些條件，它將阻止在框中鍵入內容。 希望這對湯姆有所幫助