2010-02-01 4 views
1

J'ai utilisé extension de calendrier Ajax pour afficher la date dans Date_Box et extenseurs numériques en bas pour choisir le temps ...date et le format de contrôle du temps

Voici mon code:

<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> 

fonctionnalité Maintenant sage le seul problème est quand j'écris quelque chose dans la zone de texte autre que le format normal et cliquez sur le bouton de mise à jour il me permet d'accepter les valeurs à la place il ne doit pas écrire autre chose que le format de date.

Cela peut être st mal comprendre, en utilisant un message d'exception ...

mais maintenant le problème principal est l'aspect du contrôle. Les boutons d'extension numériques sont trop grands et le format de ligne n'est pas bon, il y a aussi beaucoup d'espace entre les trois zones de texte ... est-il possible de donner un look soigné >>>

Comment puis-je résoudre le problème? problème ... des suggestions ???!

est ici le lien d'image http://www.freeimagehosting.net/image.php?05945773e0.jpg alt text

Répondre

1

La meilleure chose à faire est d'attribuer vos prolongateurs numériques une propriété CssClass et utiliser les CSS pour corriger les problèmes de mise en page.

+0

je ne sais pas comment utiliser la propriété css des boutons d'extension numériques coz ils viennent automatiquement ... grâce – user175084

1

Vous pouvez utiliser asp: RegularExpressionValidator pour valider le contenu de zone de texte: http://msdn.microsoft.com/en-us/library/eahwtc9e.aspx

La documentation NumericUpDown spécifie que vous pouvez utiliser des images personnalisées pour les boutons de UpDown: http://www.asp.net/AJAX/AjaxControlToolkit/Samples/NumericUpDown/NumericUpDown.aspx

+0

oui, mais pour obtenir une image nette similaire de flèches un sur l'autre est ce que je suis pas en mesure de trouver .. ce que je reçois est flèches vers le bas les uns à côté des autres et ils racontent l'espace .. peut m'aider à trouver une image pour cela .. merci – user175084

1

Vous pouvez essayer le FilteredTextbox de le kit de contrôle ajax trouvé here. Cela empêchera de taper dans la boîte si elles ne répondent pas à certains critères. Hope this helps Tom

Questions connexes