Javascript kullanarak Yerel Kısa Tarih Biçimini alın

93

Kontrol Paneli -> Bölge ve Dil Ayarlarında kullanılan Kısa Tarih Biçimini JavaScript kullanarak öğrenebileceğimiz bir şey var mı?

Aşağıdakilerin kombinasyonunu kullanarak Yerel Uzun Ad biçimini alabileceğimizi biliyorum

toString()
toLocaleString()
toLocaleDateString()
toLocaleTimeString()

Ancak JavaScript'te gibi doğrudan bir işlev yoktur toLocaleShortDateString().

Kullanıcı ayarının ne olduğunu bulmak için herhangi bir komut dosyası var mı?

Teşekkürler.

javascript  datetime 
— Lelol
kaynak
Sadece anladığımdan emin olmak için: formatın kendisini almak için sıcak mı? Verdiğiniz "eksik işlev" adı yanıltıcı olduğundan (toLocaleShortDateString), "getLocaleShortDateFormat" gibi bir şey olabilir mi?
— Amitay Dobo
Bu ilgili sorunun yanıtlarını amaçlarım açısından daha yararlı buldum çünkü orada sunulan yalnızca müşteri tarafına yönelik çözümlerin yararlı olduğu yarı makul bir varsayılan sağlamak istiyorum.
— Kirk Woll

Yanıtlar:

184 
function getLocaleDateString() {
  const formats = {
    "af-ZA": "yyyy/MM/dd",
    "am-ET": "d/M/yyyy",
    "ar-AE": "dd/MM/yyyy",
    "ar-BH": "dd/MM/yyyy",
    "ar-DZ": "dd-MM-yyyy",
    "ar-EG": "dd/MM/yyyy",
    "ar-IQ": "dd/MM/yyyy",
    "ar-JO": "dd/MM/yyyy",
    "ar-KW": "dd/MM/yyyy",
    "ar-LB": "dd/MM/yyyy",
    "ar-LY": "dd/MM/yyyy",
    "ar-MA": "dd-MM-yyyy",
    "ar-OM": "dd/MM/yyyy",
    "ar-QA": "dd/MM/yyyy",
    "ar-SA": "dd/MM/yy",
    "ar-SY": "dd/MM/yyyy",
    "ar-TN": "dd-MM-yyyy",
    "ar-YE": "dd/MM/yyyy",
    "arn-CL": "dd-MM-yyyy",
    "as-IN": "dd-MM-yyyy",
    "az-Cyrl-AZ": "dd.MM.yyyy",
    "az-Latn-AZ": "dd.MM.yyyy",
    "ba-RU": "dd.MM.yy",
    "be-BY": "dd.MM.yyyy",
    "bg-BG": "dd.M.yyyy",
    "bn-BD": "dd-MM-yy",
    "bn-IN": "dd-MM-yy",
    "bo-CN": "yyyy/M/d",
    "br-FR": "dd/MM/yyyy",
    "bs-Cyrl-BA": "d.M.yyyy",
    "bs-Latn-BA": "d.M.yyyy",
    "ca-ES": "dd/MM/yyyy",
    "co-FR": "dd/MM/yyyy",
    "cs-CZ": "d.M.yyyy",
    "cy-GB": "dd/MM/yyyy",
    "da-DK": "dd-MM-yyyy",
    "de-AT": "dd.MM.yyyy",
    "de-CH": "dd.MM.yyyy",
    "de-DE": "dd.MM.yyyy",
    "de-LI": "dd.MM.yyyy",
    "de-LU": "dd.MM.yyyy",
    "dsb-DE": "d. M. yyyy",
    "dv-MV": "dd/MM/yy",
    "el-GR": "d/M/yyyy",
    "en-029": "MM/dd/yyyy",
    "en-AU": "d/MM/yyyy",
    "en-BZ": "dd/MM/yyyy",
    "en-CA": "dd/MM/yyyy",
    "en-GB": "dd/MM/yyyy",
    "en-IE": "dd/MM/yyyy",
    "en-IN": "dd-MM-yyyy",
    "en-JM": "dd/MM/yyyy",
    "en-MY": "d/M/yyyy",
    "en-NZ": "d/MM/yyyy",
    "en-PH": "M/d/yyyy",
    "en-SG": "d/M/yyyy",
    "en-TT": "dd/MM/yyyy",
    "en-US": "M/d/yyyy",
    "en-ZA": "yyyy/MM/dd",
    "en-ZW": "M/d/yyyy",
    "es-AR": "dd/MM/yyyy",
    "es-BO": "dd/MM/yyyy",
    "es-CL": "dd-MM-yyyy",
    "es-CO": "dd/MM/yyyy",
    "es-CR": "dd/MM/yyyy",
    "es-DO": "dd/MM/yyyy",
    "es-EC": "dd/MM/yyyy",
    "es-ES": "dd/MM/yyyy",
    "es-GT": "dd/MM/yyyy",
    "es-HN": "dd/MM/yyyy",
    "es-MX": "dd/MM/yyyy",
    "es-NI": "dd/MM/yyyy",
    "es-PA": "MM/dd/yyyy",
    "es-PE": "dd/MM/yyyy",
    "es-PR": "dd/MM/yyyy",
    "es-PY": "dd/MM/yyyy",
    "es-SV": "dd/MM/yyyy",
    "es-US": "M/d/yyyy",
    "es-UY": "dd/MM/yyyy",
    "es-VE": "dd/MM/yyyy",
    "et-EE": "d.MM.yyyy",
    "eu-ES": "yyyy/MM/dd",
    "fa-IR": "MM/dd/yyyy",
    "fi-FI": "d.M.yyyy",
    "fil-PH": "M/d/yyyy",
    "fo-FO": "dd-MM-yyyy",
    "fr-BE": "d/MM/yyyy",
    "fr-CA": "yyyy-MM-dd",
    "fr-CH": "dd.MM.yyyy",
    "fr-FR": "dd/MM/yyyy",
    "fr-LU": "dd/MM/yyyy",
    "fr-MC": "dd/MM/yyyy",
    "fy-NL": "d-M-yyyy",
    "ga-IE": "dd/MM/yyyy",
    "gd-GB": "dd/MM/yyyy",
    "gl-ES": "dd/MM/yy",
    "gsw-FR": "dd/MM/yyyy",
    "gu-IN": "dd-MM-yy",
    "ha-Latn-NG": "d/M/yyyy",
    "he-IL": "dd/MM/yyyy",
    "hi-IN": "dd-MM-yyyy",
    "hr-BA": "d.M.yyyy.",
    "hr-HR": "d.M.yyyy",
    "hsb-DE": "d. M. yyyy",
    "hu-HU": "yyyy. MM. dd.",
    "hy-AM": "dd.MM.yyyy",
    "id-ID": "dd/MM/yyyy",
    "ig-NG": "d/M/yyyy",
    "ii-CN": "yyyy/M/d",
    "is-IS": "d.M.yyyy",
    "it-CH": "dd.MM.yyyy",
    "it-IT": "dd/MM/yyyy",
    "iu-Cans-CA": "d/M/yyyy",
    "iu-Latn-CA": "d/MM/yyyy",
    "ja-JP": "yyyy/MM/dd",
    "ka-GE": "dd.MM.yyyy",
    "kk-KZ": "dd.MM.yyyy",
    "kl-GL": "dd-MM-yyyy",
    "km-KH": "yyyy-MM-dd",
    "kn-IN": "dd-MM-yy",
    "ko-KR": "yyyy-MM-dd",
    "kok-IN": "dd-MM-yyyy",
    "ky-KG": "dd.MM.yy",
    "lb-LU": "dd/MM/yyyy",
    "lo-LA": "dd/MM/yyyy",
    "lt-LT": "yyyy.MM.dd",
    "lv-LV": "yyyy.MM.dd.",
    "mi-NZ": "dd/MM/yyyy",
    "mk-MK": "dd.MM.yyyy",
    "ml-IN": "dd-MM-yy",
    "mn-MN": "yy.MM.dd",
    "mn-Mong-CN": "yyyy/M/d",
    "moh-CA": "M/d/yyyy",
    "mr-IN": "dd-MM-yyyy",
    "ms-BN": "dd/MM/yyyy",
    "ms-MY": "dd/MM/yyyy",
    "mt-MT": "dd/MM/yyyy",
    "nb-NO": "dd.MM.yyyy",
    "ne-NP": "M/d/yyyy",
    "nl-BE": "d/MM/yyyy",
    "nl-NL": "d-M-yyyy",
    "nn-NO": "dd.MM.yyyy",
    "nso-ZA": "yyyy/MM/dd",
    "oc-FR": "dd/MM/yyyy",
    "or-IN": "dd-MM-yy",
    "pa-IN": "dd-MM-yy",
    "pl-PL": "yyyy-MM-dd",
    "prs-AF": "dd/MM/yy",
    "ps-AF": "dd/MM/yy",
    "pt-BR": "d/M/yyyy",
    "pt-PT": "dd-MM-yyyy",
    "qut-GT": "dd/MM/yyyy",
    "quz-BO": "dd/MM/yyyy",
    "quz-EC": "dd/MM/yyyy",
    "quz-PE": "dd/MM/yyyy",
    "rm-CH": "dd/MM/yyyy",
    "ro-RO": "dd.MM.yyyy",
    "ru-RU": "dd.MM.yyyy",
    "rw-RW": "M/d/yyyy",
    "sa-IN": "dd-MM-yyyy",
    "sah-RU": "MM.dd.yyyy",
    "se-FI": "d.M.yyyy",
    "se-NO": "dd.MM.yyyy",
    "se-SE": "yyyy-MM-dd",
    "si-LK": "yyyy-MM-dd",
    "sk-SK": "d. M. yyyy",
    "sl-SI": "d.M.yyyy",
    "sma-NO": "dd.MM.yyyy",
    "sma-SE": "yyyy-MM-dd",
    "smj-NO": "dd.MM.yyyy",
    "smj-SE": "yyyy-MM-dd",
    "smn-FI": "d.M.yyyy",
    "sms-FI": "d.M.yyyy",
    "sq-AL": "yyyy-MM-dd",
    "sr-Cyrl-BA": "d.M.yyyy",
    "sr-Cyrl-CS": "d.M.yyyy",
    "sr-Cyrl-ME": "d.M.yyyy",
    "sr-Cyrl-RS": "d.M.yyyy",
    "sr-Latn-BA": "d.M.yyyy",
    "sr-Latn-CS": "d.M.yyyy",
    "sr-Latn-ME": "d.M.yyyy",
    "sr-Latn-RS": "d.M.yyyy",
    "sv-FI": "d.M.yyyy",
    "sv-SE": "yyyy-MM-dd",
    "sw-KE": "M/d/yyyy",
    "syr-SY": "dd/MM/yyyy",
    "ta-IN": "dd-MM-yyyy",
    "te-IN": "dd-MM-yy",
    "tg-Cyrl-TJ": "dd.MM.yy",
    "th-TH": "d/M/yyyy",
    "tk-TM": "dd.MM.yy",
    "tn-ZA": "yyyy/MM/dd",
    "tr-TR": "dd.MM.yyyy",
    "tt-RU": "dd.MM.yyyy",
    "tzm-Latn-DZ": "dd-MM-yyyy",
    "ug-CN": "yyyy-M-d",
    "uk-UA": "dd.MM.yyyy",
    "ur-PK": "dd/MM/yyyy",
    "uz-Cyrl-UZ": "dd.MM.yyyy",
    "uz-Latn-UZ": "dd/MM yyyy",
    "vi-VN": "dd/MM/yyyy",
    "wo-SN": "dd/MM/yyyy",
    "xh-ZA": "yyyy/MM/dd",
    "yo-NG": "d/M/yyyy",
    "zh-CN": "yyyy/M/d",
    "zh-HK": "d/M/yyyy",
    "zh-MO": "d/M/yyyy",
    "zh-SG": "d/M/yyyy",
    "zh-TW": "yyyy/M/d",
    "zu-ZA": "yyyy/MM/dd",
  };

  return formats[navigator.language] || "dd/MM/yyyy";
}
— mwrf
kaynak
55
Bu listeyi internette bulmak neden bu kadar zor !!
— sidonaldson
6
Bunun büyük / küçük harfe duyarlı olmaması gerekiyor, Safari'm en-us'a dönüyor.
— QuentinUK
2
Yerel biçimi (özel) farklı olabilir, OS bağlıdır
— iegik
2
@Chexpir Unicode CLDR projesi bu listenin nihai kaynağıdır ve github.com/unicode-cldr/cldr-dates-modern biraz daha tüketilebilir bir sürümüdür. Yine de yukarıdaki verilerden çok uzak. :)
— Paul Irish
4
@PaulIrish (new Intl.DateTimeFormat()).resolved.patternfeshedilmiş görünüyor. Alıyorum Uncaught TypeError: Cannot read property 'pattern' of undefinedve bunu kaldırmakla ilgili bazı krom hatası gördüm. .resolvedOptions()çalışır, ancak kalıbı hariç tutar.
— webXL
72

Bence bunu yapmanın en iyi yolu bu ...

    var date = new Date();

    var options = {
        weekday: "short",
        year: "numeric",
        month: "2-digit",
        day: "numeric"
    };

console.log(
    date.toLocaleDateString("en", options) //en is language option, you may specify..
);
Snippet'i genişlet

Daha Fazla Seçenek ve örnekleri ...

Option          Values          Sample output
----------------------------------------------------
weekday         'narrow'        'M'
                'short'         'Mon'
                'long'          'Monday'

year            '2-digit'       '01'
                'numeric'       '2001'

month           '2-digit'       '01'
                'numeric'       '1'
                'narrow'        'J'
                'short'         'Jan'
                'long'          'January'

day             '2-digit'       '01'
                'numeric'       '1'

hour            '2-digit'       '12 AM'
                'numeric'       '12 AM'

minute          '2-digit'       '0'
                'numeric'       '0'

second          '2-digit'       '0'
                'numeric'       '0'

timeZoneName    'short'         '1/1/2001 GMT+00:00'
                'long'          '1/1/2001 GMT+00:00'
— Mitali
kaynak
IE'nin (10 itibariyle) seçeneklere uymadığını ve ay adını belirttiğiniz her şeyi döndüreceğini unutmayın.
— Whelkaholism
FF'nin en son sürümü (25) karşısında aynı davranışı sergiliyor; Görünüşe göre yalnızca Chrome seçenekleri destekliyor.
— Whelkaholism
Safari ayrıca seçenekleri de yok sayar.
— wilsotc
1
buna isabet eden herkes için artık destek çok daha iyi .. chrome ve firefox bir süredir seçenekleri destekliyor, IE11'den itibaren destekliyor .. Safari / Webkit hala desteklemiyor
— TygerKrash
Bu harika bir bilgi. Seçenekler için bir kaynağa bağlarsanız daha da iyi olur.
— flipdoubt
13 
function getLocaleShortDateString(d)
{
    var f={"ar-SA":"dd/MM/yy","bg-BG":"dd.M.yyyy","ca-ES":"dd/MM/yyyy","zh-TW":"yyyy/M/d","cs-CZ":"d.M.yyyy","da-DK":"dd-MM-yyyy","de-DE":"dd.MM.yyyy","el-GR":"d/M/yyyy","en-US":"M/d/yyyy","fi-FI":"d.M.yyyy","fr-FR":"dd/MM/yyyy","he-IL":"dd/MM/yyyy","hu-HU":"yyyy. MM. dd.","is-IS":"d.M.yyyy","it-IT":"dd/MM/yyyy","ja-JP":"yyyy/MM/dd","ko-KR":"yyyy-MM-dd","nl-NL":"d-M-yyyy","nb-NO":"dd.MM.yyyy","pl-PL":"yyyy-MM-dd","pt-BR":"d/M/yyyy","ro-RO":"dd.MM.yyyy","ru-RU":"dd.MM.yyyy","hr-HR":"d.M.yyyy","sk-SK":"d. M. yyyy","sq-AL":"yyyy-MM-dd","sv-SE":"yyyy-MM-dd","th-TH":"d/M/yyyy","tr-TR":"dd.MM.yyyy","ur-PK":"dd/MM/yyyy","id-ID":"dd/MM/yyyy","uk-UA":"dd.MM.yyyy","be-BY":"dd.MM.yyyy","sl-SI":"d.M.yyyy","et-EE":"d.MM.yyyy","lv-LV":"yyyy.MM.dd.","lt-LT":"yyyy.MM.dd","fa-IR":"MM/dd/yyyy","vi-VN":"dd/MM/yyyy","hy-AM":"dd.MM.yyyy","az-Latn-AZ":"dd.MM.yyyy","eu-ES":"yyyy/MM/dd","mk-MK":"dd.MM.yyyy","af-ZA":"yyyy/MM/dd","ka-GE":"dd.MM.yyyy","fo-FO":"dd-MM-yyyy","hi-IN":"dd-MM-yyyy","ms-MY":"dd/MM/yyyy","kk-KZ":"dd.MM.yyyy","ky-KG":"dd.MM.yy","sw-KE":"M/d/yyyy","uz-Latn-UZ":"dd/MM yyyy","tt-RU":"dd.MM.yyyy","pa-IN":"dd-MM-yy","gu-IN":"dd-MM-yy","ta-IN":"dd-MM-yyyy","te-IN":"dd-MM-yy","kn-IN":"dd-MM-yy","mr-IN":"dd-MM-yyyy","sa-IN":"dd-MM-yyyy","mn-MN":"yy.MM.dd","gl-ES":"dd/MM/yy","kok-IN":"dd-MM-yyyy","syr-SY":"dd/MM/yyyy","dv-MV":"dd/MM/yy","ar-IQ":"dd/MM/yyyy","zh-CN":"yyyy/M/d","de-CH":"dd.MM.yyyy","en-GB":"dd/MM/yyyy","es-MX":"dd/MM/yyyy","fr-BE":"d/MM/yyyy","it-CH":"dd.MM.yyyy","nl-BE":"d/MM/yyyy","nn-NO":"dd.MM.yyyy","pt-PT":"dd-MM-yyyy","sr-Latn-CS":"d.M.yyyy","sv-FI":"d.M.yyyy","az-Cyrl-AZ":"dd.MM.yyyy","ms-BN":"dd/MM/yyyy","uz-Cyrl-UZ":"dd.MM.yyyy","ar-EG":"dd/MM/yyyy","zh-HK":"d/M/yyyy","de-AT":"dd.MM.yyyy","en-AU":"d/MM/yyyy","es-ES":"dd/MM/yyyy","fr-CA":"yyyy-MM-dd","sr-Cyrl-CS":"d.M.yyyy","ar-LY":"dd/MM/yyyy","zh-SG":"d/M/yyyy","de-LU":"dd.MM.yyyy","en-CA":"dd/MM/yyyy","es-GT":"dd/MM/yyyy","fr-CH":"dd.MM.yyyy","ar-DZ":"dd-MM-yyyy","zh-MO":"d/M/yyyy","de-LI":"dd.MM.yyyy","en-NZ":"d/MM/yyyy","es-CR":"dd/MM/yyyy","fr-LU":"dd/MM/yyyy","ar-MA":"dd-MM-yyyy","en-IE":"dd/MM/yyyy","es-PA":"MM/dd/yyyy","fr-MC":"dd/MM/yyyy","ar-TN":"dd-MM-yyyy","en-ZA":"yyyy/MM/dd","es-DO":"dd/MM/yyyy","ar-OM":"dd/MM/yyyy","en-JM":"dd/MM/yyyy","es-VE":"dd/MM/yyyy","ar-YE":"dd/MM/yyyy","en-029":"MM/dd/yyyy","es-CO":"dd/MM/yyyy","ar-SY":"dd/MM/yyyy","en-BZ":"dd/MM/yyyy","es-PE":"dd/MM/yyyy","ar-JO":"dd/MM/yyyy","en-TT":"dd/MM/yyyy","es-AR":"dd/MM/yyyy","ar-LB":"dd/MM/yyyy","en-ZW":"M/d/yyyy","es-EC":"dd/MM/yyyy","ar-KW":"dd/MM/yyyy","en-PH":"M/d/yyyy","es-CL":"dd-MM-yyyy","ar-AE":"dd/MM/yyyy","es-UY":"dd/MM/yyyy","ar-BH":"dd/MM/yyyy","es-PY":"dd/MM/yyyy","ar-QA":"dd/MM/yyyy","es-BO":"dd/MM/yyyy","es-SV":"dd/MM/yyyy","es-HN":"dd/MM/yyyy","es-NI":"dd/MM/yyyy","es-PR":"dd/MM/yyyy","am-ET":"d/M/yyyy","tzm-Latn-DZ":"dd-MM-yyyy","iu-Latn-CA":"d/MM/yyyy","sma-NO":"dd.MM.yyyy","mn-Mong-CN":"yyyy/M/d","gd-GB":"dd/MM/yyyy","en-MY":"d/M/yyyy","prs-AF":"dd/MM/yy","bn-BD":"dd-MM-yy","wo-SN":"dd/MM/yyyy","rw-RW":"M/d/yyyy","qut-GT":"dd/MM/yyyy","sah-RU":"MM.dd.yyyy","gsw-FR":"dd/MM/yyyy","co-FR":"dd/MM/yyyy","oc-FR":"dd/MM/yyyy","mi-NZ":"dd/MM/yyyy","ga-IE":"dd/MM/yyyy","se-SE":"yyyy-MM-dd","br-FR":"dd/MM/yyyy","smn-FI":"d.M.yyyy","moh-CA":"M/d/yyyy","arn-CL":"dd-MM-yyyy","ii-CN":"yyyy/M/d","dsb-DE":"d. M. yyyy","ig-NG":"d/M/yyyy","kl-GL":"dd-MM-yyyy","lb-LU":"dd/MM/yyyy","ba-RU":"dd.MM.yy","nso-ZA":"yyyy/MM/dd","quz-BO":"dd/MM/yyyy","yo-NG":"d/M/yyyy","ha-Latn-NG":"d/M/yyyy","fil-PH":"M/d/yyyy","ps-AF":"dd/MM/yy","fy-NL":"d-M-yyyy","ne-NP":"M/d/yyyy","se-NO":"dd.MM.yyyy","iu-Cans-CA":"d/M/yyyy","sr-Latn-RS":"d.M.yyyy","si-LK":"yyyy-MM-dd","sr-Cyrl-RS":"d.M.yyyy","lo-LA":"dd/MM/yyyy","km-KH":"yyyy-MM-dd","cy-GB":"dd/MM/yyyy","bo-CN":"yyyy/M/d","sms-FI":"d.M.yyyy","as-IN":"dd-MM-yyyy","ml-IN":"dd-MM-yy","en-IN":"dd-MM-yyyy","or-IN":"dd-MM-yy","bn-IN":"dd-MM-yy","tk-TM":"dd.MM.yy","bs-Latn-BA":"d.M.yyyy","mt-MT":"dd/MM/yyyy","sr-Cyrl-ME":"d.M.yyyy","se-FI":"d.M.yyyy","zu-ZA":"yyyy/MM/dd","xh-ZA":"yyyy/MM/dd","tn-ZA":"yyyy/MM/dd","hsb-DE":"d. M. yyyy","bs-Cyrl-BA":"d.M.yyyy","tg-Cyrl-TJ":"dd.MM.yy","sr-Latn-BA":"d.M.yyyy","smj-NO":"dd.MM.yyyy","rm-CH":"dd/MM/yyyy","smj-SE":"yyyy-MM-dd","quz-EC":"dd/MM/yyyy","quz-PE":"dd/MM/yyyy","hr-BA":"d.M.yyyy.","sr-Latn-ME":"d.M.yyyy","sma-SE":"yyyy-MM-dd","en-SG":"d/M/yyyy","ug-CN":"yyyy-M-d","sr-Cyrl-BA":"d.M.yyyy","es-US":"M/d/yyyy"};

    var l=navigator.language?navigator.language:navigator['userLanguage'],y=d.getFullYear(),m=d.getMonth()+1,d=d.getDate();
    f=(l in f)?f[l]:"MM/dd/yyyy";
    function z(s){s=''+s;return s.length>1?s:'0'+s;}
    f=f.replace(/yyyy/,y);f=f.replace(/yy/,String(y).substr(2));
    f=f.replace(/MM/,z(m));f=f.replace(/M/,m);
    f=f.replace(/dd/,z(d));f=f.replace(/d/,d);
    return f;
}

kullanma:

shortedDate=getLocaleShortDateString(new Date(1992, 0, 7));

Kod parçacığını göster

— Holden321
kaynak
1
Bu işe yarıyor, ancak bazı tarayıcıların gönderdiği iki harfli dil kodlarını kesinlikle dikkate almıyor (firefox'a "da-DK" yerine "da" vermeyi öneriyorum). Sanırım, desteklemek istediğim diller için sadece iki harfli kodları ekleyeceğim, ancak gerçekten harika bir çözüm, iki harfli koddan bir Dil Kültür Adı bulup varsayılan olarak kullanmak olacaktır.
— Alvis
Merhaba @ holden321 Yerel saati alıp gg / AA / yyyy biçimine dönüştürebilir miyim? Bir soru sordum stackoverflow.com/questions/36226676/… ama kimse bana yardım etmedi.
— Avanish Kumar
1
Bu, tarayıcıda çalışır ancak NodeJS'de çalışmaz. NodeJS, her zaman yukarıdaki farklı seçeneklerle aynı formatı üretecektir.
— Donato
10

Yapılamaz.

Tarayıcılar arası JavaScript'in, bu tür bölgesel özelleştirme sunan platformlarda kullanıcı tarafından seçilen gerçek kısa tarih biçimini kullanmanın bir yolu yoktur. Ayrıca, JavaScript her tür biçimlendirmenin söz konusu olduğu büyük boşluklara sahiptir. Sıfır doldurmanın ne kadar zahmetli olduğuna bakın!

Dil ayarını elde etmek için büyük yollara gidebilir ve tipik o yerel ayar için formatı . Doğru yerel ayar olup olmadığını bile bilmediğinizde (uluslararası dil başlıklarının genellikle yanlış olduğuna veya yeterince spesifik olmadığına bahse girerim) veya kullanıcı formatı başka bir şeye uyarladıysa bu çok fazla çalışma gerektirir.

İstemci VBScript'i kullanmayı deneyebilirsiniz (tüm bu bölgesel biçimlendirme permütasyonları için işlevlere sahiptir), ancak bu, ölmekte olan (ölü mü?) IE'ye özgü bir teknoloji olduğu için iyi bir fikir değildir.

Biçimi incelemek için Java / Flash / Silverlight kullanmayı da deneyebilirsiniz. Bu aynı zamanda fazladan bir iştir, ancak başarı için en iyi şansı olabilir. Ek yükü en aza indirmek için oturum için önbelleğe almak istersiniz.

HTML5 <time> öğesinin i18n tarih / saat gösterimi için biraz rahatlama sağlayacağını umuyoruz.

— brianary
kaynak
8

<input type="date">Alanla ilgili sorunuz varsa , işte dosyalanmış value=""özniteliği almak için komut dosyası :

(new Date()).toISOString().split('T')[0]

Sen kullanabilirsiniz Intl nesnesi ( ECMA-402 almak için) data-date-pattern="":

(new Intl.DateTimeFormat()).resolved.pattern // "M/d/y" for "en-US" in Google Chrome

Ve son olarak, tarihi mevcut l10n'de biçimlendirmek için data-date="":

(new Intl.DateTimeFormat()).format(new Date());

Polyfill: https://github.com/andyearnshaw/Intl.js/issues/129

— Iegik
kaynak
1
Nesne (yeni Intl.DateTimeFormat ()) standartlarda çözüldü mü? MDN'de ( developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/… ) belgelenmemiştir ve Firefox'ta çalışmaz.
— vcarel
2
(new Intl.DateTimeFormat()).resolved.patternGoogle Chrome'da bir hata oluşturur. (new Intl.DateTimeFormat()).resolvedolduğunu undefined. Bu, biçim dizesini elde etmek için bir çözüm değildir, ancak ((new Intl.DateTimeFormat()).format(new Date());biçimlendirilmiş bir tarih dizesi elde etmek için kullanabilirsiniz .
— Karl Wilbur
Şimdilik, (new Intl.DateTimeFormat()).resolvedOptions()- size nesneyi biçimlendirecek
— iegik
@iegik resolvedOptionsyalnızca kaba veriler üretir (en azından Chrome 80'de), ör. yıl temsili uzunluğu, tarih bileşenlerinin sırası, tarih bileşenlerinin ayırıcısı hakkındaki bilgiler eksik.
— collapsar
7

https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/DateTimeFormat

Intl.DateTimeFormat nesnesi, dile duyarlı tarih ve saat biçimlendirmesini etkinleştiren nesneler için bir yapıcıdır.

var date = new Date(2014, 11, 31, 12, 30, 0);

var formatter = new Intl.DateTimeFormat("ru");
console.log( formatter.format(date) ); // 31.12.2014

var formatter = new Intl.DateTimeFormat("en-US");

console.log(formatter.format(date)); // 12/31/2014

mevcut bölgenizin biçimi:

console.log(new Intl.DateTimeFormat(Intl.DateTimeFormat().resolvedOptions().locale).
format(new Date()))
— zloctb
kaynak
5

Bunu yapmanın bir yolunu bilmiyorum ( dili öğrenebilirsin ve bundan yerel ayarı çıkarmaya çalışabilirsiniz).

Bunu denemek ve yapmak için küçük bir şeyler pişirmeye çalıştım (yalnızca Firefox'ta tek bir yerel ayar ile test edildi). kısa tarih dizisi tarihi rakamlar olarak içerdiği sürece çalışmalıdır, bu nedenle örneğin arapça için başarısız olabilir. Başka hataları da olabilir, tüm farklı yerel özellikleri bilmiyorum, bu sadece bir kavram ...

function getShortDateFormat() {
    var d = new Date(1992, 0, 7);
    var s = d.toLocaleDateString();

    function formatReplacer(str) {
        var num = parseInt(str);
        switch (num % 100) {
            case 92:
                return str.replace(/.{1}/g, "Y");
            case 1:
                return str.length == 1 ? "mM" : "MM"
            case 7:
                return str.length == 1 ? "dD" : "DD"
        }
    }

    shortDateFormat = s.replace(/\d+/g, formatReplacer);
    return shortDateFormat;
}

getShortDateFormat();

Çıktı biçimi şöyle olacaktır:

  • Y: yılları temsil edecek basamak sayısı
  • dD = kısa gün (yani mümkün olduğunda yalnızca bir rakam kullanın)
  • DD = uzun gün biçimi (yani her zaman iki basamak)
  • mM / MM - aylarca aynı

Benim tarayıcımda, aldığınız kısaDateformat "AA / GG / YYYY" şeklindedir.

— Amitay Dobo
kaynak
Anlıyorum: "martes, DD de enero de YYYY"
— Álvaro González
Öyleyse açıkça bunun üzerinde biraz daha çalışmaya ihtiyacım var :) (sadece Firefox 3.5 / Linux'ta test edildi)
— Amitay Dobo
tarih bölümünde tanımsız olarak geri dönüyor 38 X11
— Steel Brain
3

Bu, tarayıcının toLocaleDateString()uygulamasına bağlıdır . Örneğin, kromda şöyle bir şey elde edeceksiniz:Tuesday, January DD, YYYY

— Gonzalo
kaynak
3

Bunu kullanabileceğine inanıyorum:

new Date().toLocaleDateString();

Yerel ayar parametreleri kabul edebilir:

new Date().toLocaleDateString("en-us");
new Date().toLocaleDateString("he-il");

Chrome, IE, edge tarafından desteklendiğini görüyorum, ancak sonuçlar değişiklik gösterse de benim için oldukça iyi bir iş çıkarıyor.

— Shai Petel
kaynak
2

Mitali'nin cevabında küçük bir değişiklik. Daha yerelleştirilmiş bir çözüm için dili dinamik olarak oluşturmak.

var lang= window.navigator.userLanguage || window.navigator.language;

var date = new Date();

var options = {
   weekday: "short",
   year: "numeric",
   month: "2-digit",
   day: "numeric"
};

date.toLocaleDateString(lang, options);
— Brandon Nozaki Miller
kaynak
2 
new Date(YOUR_DATE_STRING).toLocaleDateString(navigator.language)

~ yukarıdaki cevapların kombinasyonu

— Boern
kaynak
1

Kolay yolu yok. Güvenilir, tarayıcılar arası bir çözüm istiyorsanız, kültüre göre bir tarih arama tablosu ve saat biçimi dizeleri oluşturmanız gerekir. Bir tarihi biçimlendirmek için, karşılık gelen biçim dizesini ayrıştırın, tarihten ilgili bölümleri çıkarın, yani gün, ay, yıl ve bunları birbirine ekleyin.

@ No cevabında gösterildiği gibi, esasen Microsoft'un AJAX kitaplığı ile yaptığı şey budur.

— Alekop
kaynak
1

Herhangi bir ekstra kitaplık olmadan tüm tarayıcılarda yerelleştirilmiş ancak kısa tarihler oluşturmanın bir yolunu ararken bu iş parçacığını buldum, sunucu tarafından oluşturulan ISO tarihlerini biçimlendirmek için basit bir çağrı.

Holden321 ve mwrf'nin cevaplarının bir kombinasyonuyla gittim. Biçimleri işlevin dışında saklamak, çünkü bu şekilde daha kullanışlıdır ve her zaman yararlı olduğu için geçerli yerel biçim biçimini depolamak.

İşlev, geçerli bir tarih ve ayrıca esneklik için bir dil veya biçim almak için bir tarih yapıcısına geçirilebilecek herhangi bir şey geçirilebilir.

Önce format listesini ve birkaç şeyi daha ayarlamanız gerekir:

var LOCALE_DATE_FORMATS = {
  // as per mwrf's list
  ...
}

var LANG = window.navigator.userLanguage || window.navigator.language;

var LOCALE_DATE_FORMAT = LOCALE_DATE_FORMATS[LANG] || 'dd/MM/yyyy';

O zaman işlev:

function getLocalizedDate(o, options)
{
    var res = '';
    var date = new Date(o);     

    if(o != null && !isNaN(date) && typeof(date.getFullYear) == 'function')
    {
        var d = date.getDate();
        var dd = d < 10 ? '0' + d : d;
        var M = date.getMonth() + 1;
        var MM = M < 10 ? '0' + M : M;
        var yyyy = date.getFullYear();
        var yy = new String(yyyy).substring(2);

        var format = LOCALE_DATE_FORMAT;

        if(options && options.lang)
            format = LOCALE_DATE_FORMATS[options.lang];
        else if(options && options.format)
            format = options.format;

        res = format
            .replace(/dd/g, dd)
            .replace(/d/g, d)
            .replace(/MM/g, MM)
            .replace(/M/g, M)
            .replace(/yyyy/g, yyyy)
            .replace(/yy/g, yy);
    }

    return res;
}

getLocalizedDate('2013-03-01T00:00:00', {lang:'sk-SK'}) = 1. 3. 2013

DÜZENLEME: Kullanıcının yerel ayarını kullanmak için hiçbir argüman olmadan arayın, tabii ki:

getLocalizedDate('2013-03-01T00:00:00')= 01/03/2013(benim için)

Prototipleri genişletmenin hayranıysanız, işlev tanımının ilk satırları şöyle olur:

Date.prototype.getLocalized = function(options)
{
  var date = this;

Tabii ki şöyle çağrıldı:

new Date('2013-03-01T00:00:00').getLocalized({lang:'sk-SK'}) = 1. 3. 2013

DÜZENLEME: Yine, kullanıcının yerel ayarını kullanmak için hiçbir argüman olmadan arayın:

new Date('2013-03-01T00:00:00').getLocalized()= 01/03/2013(benim için)

— Whelkaholizm
kaynak
-5

Date.CultureInfo.formatPatterns.shortDate kullanmayı deneyin

— Ben
kaynak
3
Soru, C # değil javascript ister.
— Izzy
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.