формат контроля даты и времени

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

Вы можете использовать asp: RegularExpressionValidator для проверки содержимого текстового поля: http://msdn.microsoft.com/en-us/library/eahwtc9e.aspx

В документации по NumericUpDown указано, что вы можете использовать пользовательские изображения для кнопок обновления: http://www.asp.net/AJAX/AjaxControlToolkit/Samples/NumericUpDown/NumericUpDown.aspx

Answer 2

Вы можете попробовать FilteredTextbox из набора управления ajax, найденного здесь . Это предотвратит ввод текста в поле, если они не соответствуют определенным критериям. Надеюсь это поможет Том

Answer 3

Самое простое - назначить числовым расширителям свойство CssClass и использовать css для устранения проблем с макетом.