Конвертировать .NET DateTimeFormatInfo в Javascript формат jQueryDate?

Question

У меня есть JQuery UI DatePicker, который я намерен использовать с текстовым полем в ASP.NET MVC. Отображение даты в текстовом поле локализуется через CultureInfo и, разумеется, jquery должен распознавать правильную дату в указателе даты:

<%= Html.TextBox("Date", Model.Date.ToString("d", currentCultureInfo),
    new { @class = "datepicker" })%>

Сейчас я пытаюсь инициализировать средство выбора даты с помощью формата даты, например

string jsCode = @"$("".datepicker"").datepicker({
    dateFormat: '" + currentCultureInfo.DateTimeFormat.ShortDatePattern + @"',
});";

Проблема в том, что формат строки формата DateTimeFormatInfo (см. Ссылку MSDN) полностью отличается от строки формата в jQuery (jQuery formatDate) .

https://msdn.microsoft.com/en-us/library/system.globalization.datetimeformatinfo.aspx

Пример (немецкий формат даты, например, 16.07.2009):

.NET: 'dd.MM.yyyy' should be converted to 'dd.mm.yy' in jQuery/Javascript

Существует ли метод или библиотека, которая выполняет необходимое преобразование между двумя форматами?

Answer 1

Если необходимо преобразовать только ShortDatePattern, следующий код предоставляет то, что мне нужно:

public class wxDateTimeConvert
{
    /// <summary>
    /// Gets the javascript short date pattern.
    /// </summary>
    /// <param name="dateTimeFormat">The date time format.</param>
    /// <returns></returns>
    public static string GetJavascriptShortDatePattern(DateTimeFormatInfo dateTimeFormat)
    {
        return dateTimeFormat.ShortDatePattern
            .Replace("M", "m")
            .Replace("yy", "y");
    }
}

Включая Javascript на странице:

    /// <summary>
    /// Inserts the localized datepicker jquery code
    /// </summary>
    private void InsertLocalizedDatepickerScript()
    {

        string dateformat = wxDateTimeConvert.GetJavascriptShortDatePattern(Thread.CurrentThread.CurrentUICulture.DateTimeFormat);
        String js = @"$(document).ready(function() {
$("".datepicker"").datepicker({
    changeYear: true,
    dateFormat: '" + dateformat + @"',
    maxDate: new Date()
  });
});";
        this.Page.Header.Controls.Add(
            new LiteralControl("<script type=\"text/javascript\">" + js + "</script>")
        );
    }

Однако это не касается названий месяцев или дней, форматирования времени или других особых случаев.

Answer 2

Я только что столкнулся с точно такой же проблемой и придумал код ниже. Он не идеален, но должен охватывать большинство культур и грациозно проваливаться. Возможно, это не самая короткая версия, которую вы могли бы придумать!

///========================================================================
///  Method : ConvertDateFormat
/// 
/// <summary>
///   Takes a culture and returns matching C# and jQuery date format
///   strings. If possible the C# string will be the ShortDatePattern for
///   the supplied culture.
/// </summary>
///========================================================================
private static void GetDateFormats(CultureInfo xiCulture, out string xoCSharpFormat, out string xoJQueryFormat)
{
  //=======================================================================
  // Start by assigning formats that are hopefully unambiguous in case we
  // can't do better.
  //=======================================================================
  xoCSharpFormat = "yyyy-MM-dd";
  xoJQueryFormat = "yy-mm-dd";

  if (xiCulture.IsNeutralCulture)
  {
    try
    {
      xiCulture = CultureInfo.CreateSpecificCulture(xiCulture.Name);
    }
    catch
    {
      //===================================================================
      // Some cultures are neutral and don't have specific cultures.
      // There's not much we can do here.
      //===================================================================
      return;
    }
  }

  string lCSharpFormat = xiCulture.DateTimeFormat.ShortDatePattern;

  //=======================================================================
  // Handle:
  //  C#     jQuery  Meaning
  //  d      d       Day of month (no leading 0)
  //  dd     dd      Day of month (leading 0)
  //  M      m       Month of year (no leading 0)
  //  MM     mm      Month of year (leading 0)
  //  yy     y       Two digit year
  //  yyyy   yy      Not an exact match but good enough:
  //                 C# means: The year in four or five digits (depending on
  //                 the calendar used), including the century. Pads with
  //                 leading zeros to get four digits. Thai Buddhist and
  //                 Korean calendars have five-digit years. Users
  //                 selecting the "yyyy" pattern see all five digits
  //                 without leading zeros for calendars that have five
  //                 digits. Exception: the Japanese and Taiwan calendars
  //                 always behave as if "yy" is selected.
  //                 jQuery means: four digit year
  //
  //  Copy '.', '-', ' ', '/' verbatim
  //  Bail out if we find anything else and return standard date format for
  //  both.
  //=======================================================================
  StringBuilder lJQueryFormat = new StringBuilder();
  bool lError = false;
  for (int ii = 0; ii < lCSharpFormat.Length; ++ii)
  {
    Char lCurrentChar = lCSharpFormat[ii];

    switch (lCurrentChar)
    {
      case 'd':
        //=================================================================
        // d or dd is OK, ddd is not
        //=================================================================
        if (ii < (lCSharpFormat.Length - 1) &&
          lCSharpFormat[ii+1] == 'd')
        {
          if (ii < (lCSharpFormat.Length - 2) &&
          lCSharpFormat[ii+2] == 'd')
          {
            //=============================================================
            // ddd
            //=============================================================
            lError = true;
          }
          else
          {
            //=============================================================
            // dd
            //=============================================================
            lJQueryFormat.Append("dd");
            ii++;
          }
        }
        else
        {
          //===============================================================
          // d
          //===============================================================
          lJQueryFormat.Append('d');
        }
        break;
      case 'M':
        //=================================================================
        // M or MM is OK, MMM is not
        //=================================================================
        if (ii < (lCSharpFormat.Length - 1) &&
          lCSharpFormat[ii + 1] == 'M')
        {
          if (ii < (lCSharpFormat.Length - 2) &&
          lCSharpFormat[ii + 2] == 'M')
          {
            //=============================================================
            // MMM
            //=============================================================
            lError = true;
          }
          else
          {
            //=============================================================
            // MM
            //=============================================================
            lJQueryFormat.Append("mm");
            ii++;
          }
        }
        else
        {
          //===============================================================
          // M
          //===============================================================
          lJQueryFormat.Append('m');
        }
        break;
      case 'y':
        //=================================================================
        // yy or yyyy is OK, y, yyy, or yyyyy is not
        //=================================================================
        if (ii < (lCSharpFormat.Length - 1) &&
          lCSharpFormat[ii + 1] == 'y')
        {
          if (ii < (lCSharpFormat.Length - 2) &&
            lCSharpFormat[ii + 2] == 'y')
          {
            if (ii < (lCSharpFormat.Length - 3) &&
              lCSharpFormat[ii + 3] == 'y')
            {
              if (ii < (lCSharpFormat.Length - 4) &&
                lCSharpFormat[ii + 4] == 'y')
              {
                //=========================================================
                // yyyyy
                //=========================================================
                lError = true;
              }
              else
              {
                //=========================================================
                // yyyy
                //=========================================================
                lJQueryFormat.Append("yy");
                ii = ii + 3;
              }
            }
            else
            {
              //===========================================================
              // yyy
              //===========================================================
              lError = true;
            }
          }
          else
          {
            //=============================================================
            // yy
            //=============================================================
            lJQueryFormat.Append("y");
            ii++;
          }
        }
        else
        {
          //===============================================================
          // y
          //===============================================================
          lError = true;
        }
        break;
      case '.':
      case '-':
      case ' ':
      case '/':
        lJQueryFormat.Append(lCurrentChar);
        break;
      default:
        lError = true;
        break;
    }

    if (lError)
    {
      break;
    }
  }

  //=======================================================================
  // If we didn't get an error return the culture specific formats
  //=======================================================================
  if (!lError)
  {
    xoCSharpFormat = lCSharpFormat;
    xoJQueryFormat = lJQueryFormat.ToString();
  }
}

Answer 3

Я использую это для преобразования из формата datetime в .net в jQuery. Свободно, основываясь на ответе Дэна:

/// <summary>
/// Convert a .net date format to jQuery
/// </summary>
/// <param name="sFormat"></param>
/// <returns></returns>
private string ConvertDateFormatToJQuery(string sFormat)
{
    if (string.IsNullOrEmpty(sFormat))
    {
        return null;
    }

    StringBuilder sbOutput = new StringBuilder("");
    string sDatePartChars = "dDmMyY";

    char cLast = sFormat[0];
    StringBuilder sbDatePart = new StringBuilder("");

    //Loop through char by char, extracting each date part or whitespace/seperator into individual components, and convert each component as we go
    foreach (char c in sFormat)
    {
        //Whitespace, or seperator
        if (sDatePartChars.IndexOf(c) == -1)
        {
            //If there is a currently extracted date part, convert
            sbOutput.Append(ConvertDatePartToJQuery(sbDatePart.ToString()));
            sbDatePart.Clear();

            //Whitespace or serator, just append to output
            sbOutput.Append(c.ToString());

            cLast = c;
        }
        else if (c.Equals(cLast))
        {
            //Same date part, extract it
            sbDatePart.Append(c.ToString());
        }
        else
        {
            //We've come to the beginning of a new date part, convert the currently extracted date part
            sbOutput.Append(ConvertDatePartToJQuery(sbDatePart.ToString()));

            sbDatePart.Clear();
            sbDatePart.Append(c.ToString());
            cLast = c;
        }
    }
    //Convert any remaining date part
    sbOutput.Append(ConvertDatePartToJQuery(sbDatePart.ToString()));
    return sbOutput.ToString();
}

/// <summary>
/// Converts a date part (month,day,year) to JQuery format.  Unrecongized formats will just pass through
/// </summary>
/// <param name="sDatePart"></param>
/// <returns></returns>
private string ConvertDatePartToJQuery(string sDatePart)
{
    //=======================================================================   
    // Handle:   
    //  C#     jQuery  Meaning   
    //  d      d       Day of month (no leading 0)  
    //  dd     dd      Day of month (leading 0)   
    //  ddd    D       Day name short
    //  dddd   DD      Day name long
    //  M      m       Month of year (no leading 0)   
    //  MM     mm      Month of year (leading 0)   
    //  MMM    M       Month name short
    //  MMMM   MM      Month name long
    //  yy     y       Two digit year   
    //  yyyy   yy      Four digit year 
    //======================================================================= 

    string sJQueryDatePart = "";
    //We've come to the beginning of a new date part, convert the currently extracted date part
    if (!string.IsNullOrEmpty(sDatePart))
    {
        if (sDatePart[0] == 'M')
        {
            if (sDatePart.Length == 1) //Month, no leading 0
            {
                sJQueryDatePart = "m";
            }
            else if (sDatePart.Length == 2) //Month, leading 0
            {
                sJQueryDatePart = "mm";
            }
            else if (sDatePart.Length == 3) //Month, short name
            {
                sJQueryDatePart = "M";
            }
            else if (sDatePart.Length == 4) //Month, long name
            {
                sJQueryDatePart = "MM";
            }
            else
            {
                //invalid, just leave it
                sJQueryDatePart = sDatePart;
            }
        }
        else if (sDatePart[0] == 'd')
        {
            if (sDatePart.Length == 1) //Day, no leading 0
            {
                sJQueryDatePart = "d";
            }
            else if (sDatePart.Length == 2) //Day, leading 0
            {
                sJQueryDatePart = "dd";
            }
            else if (sDatePart.Length == 3) //Day, short name
            {
                sJQueryDatePart = "D";
            }
            else if (sDatePart.Length == 4) //Day, long name
            {
                sJQueryDatePart = "DD";
            }
            else
            {
                //invalid, just leave it
                sJQueryDatePart = sDatePart;
            }
        }
        else if (sDatePart[0] == 'y')
        {
            if (sDatePart.Length <= 2) //Year, two digit
            {
                sJQueryDatePart = "y";
            }
            else if (sDatePart.Length > 2) //Year four digit
            {
                sJQueryDatePart = "yy";
            }
            else
            {
                //invalid, just leave it
                sJQueryDatePart = sDatePart;
            }
        }
        else
        {
            //invalid, just leave it
            sJQueryDatePart = sDatePart;
        }
    }
    return sJQueryDatePart;
}

Answer 4

Я думаю, что это будет самый простой способ ...

string dateFormat = currentCultureInfo.DateTimeFormat.ShortDatePattern.Replace("MM", "mm");
string jsCode = @"$("".datepicker"").datepicker({
    dateFormat: '" + dateFormat + @"',
});";

Answer 5

Возможно, это не идеальное решение, но оно может помочь вам начать. В jQuery нет методов для работы с датами, но в JavaScript есть.

Дата разбора

Сначала у него есть метод Date.parse(), который позволяет вам анализировать строки даты по значению, содержащему количество миллисекунд с 1 января 1970 года. Затем вы можете использовать это значение, чтобы создать новый объект даты и извлечь из него все необходимые данные объект.

var dateString = "Jun 1 2006";
var parsedDate = Date.parse(dateString);
var date = new Date(parsedDate);

К сожалению, Date.parse() плохо обрабатывает 'пунктирные' строки, такие как 2007.03.01, но для этого также есть решение. Вы можете просто заменить все точки косыми чертами:

var dateString = "2007.03.01".replace(/\./g, '/');

Тем не менее, это не заставит Date.parse() понять любой формат даты, который вернет .NET, но может быть полезным в некоторых случаях.

Дата форматирования

Теперь, если у вас есть созданный объект Date, вы можете теперь преобразовать его в любой формат даты, который вам нравится. Это на самом деле довольно легко. Существует реализация метода формата даты PHP для JS. Вы можете найти это здесь .

Если вы добавите это в свои сценарии, вы сможете отформатировать дату, используя любые токены, описанные в документации, и их достаточно. Например

date.format('Y-M-d H:i:s');