javascript - Calendario persa en MVC, Asp.net

asp.net-mvc culture

Question

Utilizo una variable DateTime en MVC y quiero mostrar el calendario persa para

@Html.EditorFor(x=> x.ProductionDate)

¿Cómo puedo hacerlo?

Answer 1

Pruebe esta plantilla (datetime.cshtml) para mostrar / convertir DateTime a PerisanDate automáticamente:

@*
  Copy this file to:
  Views/Shared/DisplayTemplates/datetime.cshtml
*@

@using System.Globalization
@model Nullable<DateTime>

@helper ShamsiDateTime(DateTime info, string separator = "/", bool includeHourMinute = true)
{
    int ym = info.Year;
    int mm = info.Month;
    int dm = info.Day;
    var sss = new PersianCalendar();
    int ys = sss.GetYear(new DateTime(ym, mm, dm, new GregorianCalendar()));
    int ms = sss.GetMonth(new DateTime(ym, mm, dm, new GregorianCalendar()));
    int ds = sss.GetDayOfMonth(new DateTime(ym, mm, dm, new GregorianCalendar()));    
    if (includeHourMinute)
    {
        @(ys + separator + ms.ToString("00") + separator + ds.ToString("00") + " " + info.Hour + ":" + info.Minute)
    }
    else
    {
        @(ys + separator + ms.ToString("00") + separator + ds.ToString("00"))
    }
}

@if (@Model.HasValue)
{
  @ShamsiDateTime(@Model.Value , separator: "/", includeHourMinute: false)
}

Además, si está buscando los selectores de fecha y hora persas, consulte: http://www.dotnettips.info/newsarchive/details/1122

Answer 2

prueba esto en web.config :

 <system.web>
     <globalization culture="fa-IR" uiCulture="fa-IR" 
     requestEncoding="utf-8" 
     responseEncoding="utf-8" />
 </system.web>

Answer 3

Encontré la solución

1. Vaya a www.amib.ir/weblog/?page_id=316 y descargue la última versión de "AMIB_jsPersianCal"


2.Agrega "js-persian-cal.min.js" y "js-persian-cal.css" y "pcal.png" a tu proyecto
puedes cambiar el css para especificar el archivo Url of PNG

3.Agregue el archivo css y js a su archivo cshtml

<link href="@Url.Content("~/Content/js-persian-cal.css")" rel="stylesheet" type="text/css" />
<script src="@Url.Content("~/Scripts/js-persian-cal.min.js")"></script>

4. Cambie su archivo de fecha como

@Html.TextBoxFor(m => m.Birthdate, new { @id = "pcal1", @class = "pdate" });

nota: utilizo la variable de cadena para Fecha de nacimiento


5.añadir la secuencia de comandos al final del archivo cshtml

<script type="text/javascript">
var objCal1 = new AMIB.persianCalendar(''pcal1''); </script>