web-dev-qa-db-fra.com

StringFormat sur la liaison

Vue: 

<TextBlock Text="{Binding Date}"/>

Je souhaite formater la date à "jj/mm/aaaa", autrement dit, sans heure.

Je l'ai essayé: <TextBlock Text="{Binding Date, StringFormat={}{0:dd/MM/yyyy}}"/>, mais ça ne marche pas.

Me donne une erreur: La propriété 'StringFormat' n'a pas été trouvée dans le type 'Binding'.

c#xamluwpstring-formattingdate-formatting
17
developer033

La meilleure et la plus simple consiste à utiliser un convertisseur auquel vous transmettez la date et récupérez la chaîne formatée. Dans par exemple MyNamespace.Converters namespace:

public class DateFormatConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, string language)
    {
        if (value == null)
            return null;

        DateTime dt = DateTime.Parse(value.ToString());
        return dt.ToString("dd/MM/yyyy");
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        throw new NotSupportedException();
    }
}

Et dans votre xaml, il vous suffit de référencer le convertisseur et d’ajouter le convertisseur suivant:

xmlns:conv="using:MyNamespace.Converters"

dans votre page xaml et dans page.resources ajoutez ceci

<conv:DateFormatConverter x:Name="DateToStringFormatConverter"/>

<TextBlock Text="{Binding Date, Converter={StaticResource DateToStringFormatConverter}"/>
20
CodeNoob

Il n'y a pas de propriété nommée StringFormat dans Binding class. Vous pouvez utiliser Converter et ConverterParameter pour le faire. Vous pouvez vous référer à Formatage ou conversion des valeurs de données pour l'affichage .

Par exemple ici, je lie la date d'une DatePicker au texte d'une TextBlock.

XAML:

<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
    <Grid.Resources>
        <local:DateFormatter x:Key="DateConverter"/>
    </Grid.Resources>
    <DatePicker Name="ConverterParmeterCalendarViewDayItem"></DatePicker>
    <TextBlock Height="100" VerticalAlignment="Top" Text="{Binding ElementName=ConverterParmeterCalendarViewDayItem, Path=Date, Converter={StaticResource DateConverter},ConverterParameter=\{0:dd/MM/yyyy\}}" />
</Grid>

code behind, la classe DateFormatter:

public class DateFormatter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, string language)
    {
        var a = language;
        // Retrieve the format string and use it to format the value.
        string formatString = parameter as string;
        if (!string.IsNullOrEmpty(formatString))
        {
            return string.Format(formatString, value);
        }

        return value.ToString();
    }

    // No need to implement converting back on a one-way binding
    public object ConvertBack(object value, Type targetType, object parameter, string language)
    {
        return DependencyProperty.UnsetValue;
    }
}
5
Grace Feng

pourquoi se compliquer? Vous pouvez utiliser la liaison de données compilée 

{x:Bind ViewModel.PropertyWithDateTime.ToString("....")}
3
Ivan

Je sais que c'est tard, mais j'avais la même question et j'ai proposé cette solution. Peut-être pas le plus court mais pur XAML.

    <TextBlock>
        <Run Text="{x:Bind Foo.StartDate.Day}"/>.<Run Text="{x:Bind Foo.StartDate.Month}"/>.<Run Text="{x:Bind Foo.StartDate.Year}"/>
    </TextBlock>
1
マックス

Il y a un excellent exemple ici:

Exemple de MSDN

si votre classe de convertisseur est dans un espace de noms différent (comme suggéré dans un dossier séparé), vous pouvez ajouter

xmlns:conv="using:MyNamespace.Converters"

et l'utiliser comme ça: 

<UserControl.Resources>
  <conv:DateToStringConverter x:Key="Converter1"/>
</UserControl.Resources>

le reste devrait rester le même que dans l'exemple du lien.

1
Christoph

Vous pouvez le faire en XML même. Ici...

<DatePicker 
SelectedDate="{Binding Date, Mode=TwoWay}" 
Text="{Binding ., StringFormat='dd/MM/yyyy'}"/>
1
Shaamil Ahmed

La bonne chose à propos de StringFormat est qu’elle vous permet de spécifier le format de la sortie. Voici un convertisseur que j'utilise qui vous permet de spécifier le format.

public sealed class DateTimeToStringConverter : IValueConverter
{
    public static readonly DependencyProperty FormatProperty =
        DependencyProperty.Register(nameof(Format), typeof(bool), typeof(DateTimeToStringConverter), new PropertyMetadata("G"));

    public string Format { get; set; }

    public object Convert(object value, Type targetType, object parameter, string language)
    {
        if (value is DateTime dateTime && value != null)
        {
            return dateTime.ToString(Format);
        }

        return null;
    }

    public object ConvertBack(object value, Type targetType, object parameter, string language)
    {
        return DateTime.ParseExact(value.ToString(), Format, CultureInfo.CurrentCulture);
    }
}

Comment utiliser (exemple avec plusieurs formats):

<Page.Resources>
    <ResourceDictionary>
        <converters:DateTimeToStringConverter 
            x:Name="dateStringConverter" 
            Format="dd-MM-yyyy" />
        <converters:DateTimeToStringConverter
            x:Name="timeStringConverter"
            Format="HH:mm" />
    </ResourceDictionary>
</Page.Resources>

<!-- Display the date -->
<TextBlock Text="{Binding Path=Date, Converter={StaticResource dateStringConverter}}" />    

<!-- Display the time -->
<TextBlock Text="{Binding Path=Date, Converter={StaticResource timeStringConverter}}" />
0
Knelis

Essaye ça,

<Label x:Name="LblEstEndTime" Text="{Binding EndTime, StringFormat='Est. End Time: {0:MM/dd/yy h:mm tt}'}" Style="{StaticResource ListCellSubTitleStyle}" VerticalOptions="EndAndExpand" />
0
Chaitanya Dwarapudi