Fermer

juillet 30, 2020

Choisissez une date avec le sélecteur de date Telerik pour Xamarin.Forms


Avec la version R2 2020 de Telerik UI pour Xamarin, nous avons étendu notre liste de composants de sélecteur avec trois nouveaux sélecteurs: DatePicker TimePicker et TimeSpan Picker .

Le contrôle DatePicker pour Xamarin offre aux utilisateurs finaux de votre application Xamarin.Forms la possibilité de sélectionner facilement et intuitivement une date via une boîte de dialogue à double flèche personnalisable qui leur permet de choisir le mois, le jour et l'année de la date souhaitée.

Vous pouvez utiliser le sélecteur de date dans divers cas d'utilisation lorsque vous devez sélectionner une date. Par exemple, si vous travaillez sur une application de réservation / réservation, vos utilisateurs devront choisir une date pour effectuer une réservation. Quel que soit le cas d'utilisation, notre contrôle Date Picker pour Xamarin est là pour vous aider à accélérer votre développement!

 Date picker for xamarin

Dans ce billet de blog, je vais vous familiariser avec le contrôle Date Picker. Vous pouvez en apprendre davantage sur toutes ses fonctionnalités et sur la manière de la personnaliser facilement à l'aide de l'API de style flexible du contrôle.

Spinner Format

Le sélecteur de date pour Xamarin vous permet d'utiliser des chaînes de format de date standard ou personnalisées via le [19659008] Propriété SpinnerFormat . En fonction du format défini, le sélecteur visualise les commandes de rotation avec des valeurs préremplies à sélectionner.

Exemples avec différentes valeurs SpinnerFormat:

< telerikInput: RadDatePicker SpinnerFormat = " aaaa / MMM " />

< telerikInput: RadDatePicker SpinnerFormat = " yyyy / MMM // jj " />

< telerikInput: RadDatePicker SpinnerFormat = "MMM // dd" />

 datepicker spinner format

Date Range

Date Picker vous permet de définir une date et choisissez une date entre les propriétés MinimumDate et MaximumDate . Par exemple:

< telerikInput: RadDatePicker MinimumDate = "2020,01,01"

MaximumDate = "2021,12,31"

DefaultHighlightedDate = "2020,07,10" /> [19659046] plage de dates du sélecteur de dates " title="date_range"/>

Format DisplayString

Cette fonction vous donne la possibilité de définir le format de chaîne dans lequel la date sera affichée lorsqu'une date du sélecteur est sélectionnée. Gardez à l'esprit que le format défini sur DisplayStringFormat doit être un format de chaîne de date valide. Par exemple, nous utiliserons les formats suivants pour SpinnerFormat et DisplayStringFormat:

< telerikInput: RadDatePicker SpinnerFormat = "MMM // dd"

DisplayStringFormat = "aaaa / MMMM / jj" />

et le résultat est:

 format de chaîne d'affichage de datepicker

API de style flexible

Nous ont exposé l'API Flexible Styling, qui vous permet de concevoir le sélecteur de date parfait pour votre application mobile. Vous pouvez styliser le sélecteur de date et l'apparence de la boîte de dialogue.

 styling datepicker for xamarin

Pour plus d'informations et un exemple de démonstration, veuillez consulter notre article Styling .

Templates

En outre, nous avons exposé des modèles qui vous permettent de personnaliser entièrement l'apparence du composant Date Picker. Les dates sont visualisées dans une fenêtre contextuelle, nous vous offrons donc également la possibilité de personnaliser son en-tête et son pied de page via les propriétés HeaderTemplate et FooterTemplate . Pour plus de détails, vous pouvez consulter notre documentation et SDK Browser Application et Exemples d'exemples Telerik .

Dites-nous ce que vous pensez

Nous aimerions bien Écoutez ce que vous pensez du contrôle Date Picker et comment nous pouvons continuer à l'améliorer. Si vous avez des idées de fonctionnalités à ajouter, n'hésitez pas à partager ces informations avec nous sur notre Telerik UI for Xamarin Feedback portal .

N'oubliez pas de consulter les différentes démos du contrôle dans notre SDK Sample Browser et dans l'application Telerik UI for Xamarin Demos .

Si vous n'avez pas encore essayé l'interface utilisateur Telerik pour la suite Xamarin, faites-la tester avec un Essai gratuit de 30 jours offrant toutes les fonctionnalités et commandes à votre disposition à un coût nul.

Bon codage avec nos commandes et restez avec nous! Si vous êtes curieux de connaître TimeSpan Picker et son utilisation, nous sommes ravis d'en partager plus avec vous dans un prochain article de blog. 🙂





Source link