How can I change Hijri date to Gregorian date in date picker ? #3439

Merna created 2 years ago

Hello, Our application support 2 languages, Arabic (ar) and English (en), so we faced an issue using a date picker when UI Culture is ar. It returns in Hijri format, not Gregorian format when its type is Date Time, not a string.

How can I specify only Gregorian date format without using current culture please?

Thanks in advance

14 Answer(s)

0

liangshiwei created 2 years ago
Support Team Fullstack Developer

HI,

May I ask which UI and ABP version are you using?
0

Merna created 2 years ago

Hello , ABP Framework version: v5.1 UI type: MVC
0

maliming created 2 years ago
Support Team Fullstack Developer

hi

Is the page HostDashboard.cshtml?

I can't reproduce
0

Merna created 2 years ago

hello , Here is the languages we use in our application .

Steps : 1-Use Ar languages 2- select date then search **(Before Submitting)

**(After Submitting) years only in dates is return in hijri but wrongly cause now we are in 1443 not 1422

maliming created 2 years ago

Support Team Fullstack Developer

<div class="input-group">
    <span class="input-group-text">@L["StartDate"].Value</span>
    <input type="text"
           class="form-control"
           name="StartDate"
           value="@DateTime.Now.AddMonths(-1).Date.ToString(CultureInfo.CurrentUICulture.DateTimeFormat.ShortDatePattern)" />
</div>

Maybe you can change the culture here.

MyCompanyName.MyProjectName.Web\Pages\HostDashboard.cshtml

0

Merna created 2 years ago

Hello , I have tried to add input hidden in my application to add this solution but still return hijri in ar culture .
0

maliming created 2 years ago
Support Team Fullstack Developer

I have tried to add input hidden in my application to add this solution but still return hijri in ar culture .

Can you share your code?

DId you use CultureInfo.CurrentUICulture or new CultureInfo()?

Merna created 2 years ago

Hello , Here is my code ,

   <input hidden
                type="text"
                class="form-control"
                name="testHijriInput"
                value="@DateTime.Now.AddMonths(-1).Date.ToString(CultureInfo.CurrentUICulture.DateTimeFormat.ShortDatePattern)" />

I have used CultureInfo.CurrentUICulture .

maliming created 2 years ago

Support Team Fullstack Developer

Can you consider it like this?

@if (CultureInfo.CurrentUICulture.TwoLetterISOLanguageName == "ar")
{
    <input type="text"
           class="form-control"
           name="StartDate"
           value="@DateTime.Now.AddMonths(-1).Date.ToString("Custom your ShortDatePattern")" />
}
else
{
    <input type="text"
           class="form-control"
           name="StartDate"
           value="@DateTime.Now.AddMonths(-1).Date.ToString(CultureInfo.CurrentUICulture.DateTimeFormat.ShortDatePattern)" />
}

Merna created 2 years ago

hello , still hijri date appears

if (CultureInfo.CurrentUICulture.TwoLetterISOLanguageName == "ar") {

        &lt;input  hidden
               type=&quot;text&quot;
               class=&quot;form-control&quot;
               name=&quot;testHijriInput&quot;
               value=&quot;@DateTime.Now.AddMonths(-1).Date.ToString(&quot;MM/dd/yyyy&quot;)&quot; /&gt;
    }
    else
    {
        &lt;input hidden
            type=&quot;text&quot;
            class=&quot;form-control&quot;
            name=&quot;testHijriInput&quot;
            value=&quot;@DateTime.Now.AddMonths(-1).Date.ToString(CultureInfo.CurrentUICulture.DateTimeFormat.ShortDatePattern)&quot; /&gt;
         
    }

0

Merna created 2 years ago

Hello , I tried to enforce the culture to use en-US and date is Gregorian in arabic .

Using : <input hidden type="text" class="form-control" name="testHijriInput1" value="@DateTime.Now.AddMonths(-1).Date.ToString(new CultureInfo("en-US"))" />

so ,is there a way to be more generic to configure it once in the whole application?

maliming created 2 years ago

Support Team Fullstack Developer

Howt about this way?

app.UseAbpRequestLocalization();
app.Use(async (httpContext, next) =>
{
    if (CultureInfo.CurrentUICulture.TwoLetterISOLanguageName == "ar")
    {
        CultureInfo.CurrentUICulture = new CultureInfo("ar")
        {
            DateTimeFormat =
            {
                ShortDatePattern = "your custom format",
                Calendar = new GregorianCalendar()
                // other properties of DateTimeFormat 
            }
            // other properties of CultureInfo
        };
    }
    await next(httpContext);
});

0

Merna created 2 years ago

Hello , I tried these configurations ,but unfortunately it doesn't work either.
0

maliming created 2 years ago
Support Team Fullstack Developer

hi Merna

Can you try to use asp net core without abp?

https://bootstrap-datepicker.readthedocs.io/en/latest/

Have an answer to this question? Log in and write your answer.

14 Answer(s)

so ,is there a way to be more generic to configure it once in the whole application?