날짜 및 시간 구성 요소에 대한 사용자 정의 레이블 번역

JSON 문자열 및 Omniscript 사용자 정의 레이블을 사용하여 날짜 및 시간 선택기에 대한 사용자 정의 레이블 번역을 정의합니다. 예를 들어 스페인어 번역이 정의된 경우 날짜 선택기에 해당 주의 월과 일에 대한 스페인어 번역이 표시됩니다.

1. Day.js로 이동하여 지원되는 로캘 목록을 클릭하고 언어 파일을 선택합니다.
2. 언어의 JavaScript 파일에서 locale 객체 내에서 외부 브래지어와 그 사이의 모든 항목을 복사합니다.

   예를 들어, es-us.js 파일에서 강조 표시된 텍스트를 복사합니다.

   // Spanish (United States) [es-us]
   import dayjs from 'dayjs'
   
   const locale = {
     name: 'es-us',
     weekdays: 'domingo_lunes_martes_miércoles_jueves_viernes_sábado'.split('_'),
     weekdaysShort: 'dom._lun._mar._mié._jue._vie._sáb.'.split('_'),
     weekdaysMin: 'do_lu_ma_mi_ju_vi_sá'.split('_'),
     months: 'enero_febrero_marzo_abril_mayo_junio_julio_agosto_septiembre_octubre_​noviembre_diciembre'.split('_'),
     monthsShort: 'ene_feb_mar_abr_may_jun_jul_ago_sep_oct_nov_dic'.split('_'),
     relativeTime: {
       future: 'en %s',
       past: 'hace %s',
       s: 'unos segundos',
       m: 'un minuto',
       mm: '%d minutos',
       h: 'una hora',
       hh: '%d horas',
       d: 'un día',
       dd: '%d días',
       M: 'un mes',
       MM: '%d meses',
       y: 'un año',
       yy: '%d años'
     },
     ordinal: n => `${n}º`,
     formats: {
       LT: 'h:mm A',
       LTS: 'h:mm:ss A',
       L: 'MM/DD/YYYY',
       LL: 'D [de] MMMM [de] YYYY',
       LLL: 'D [de] MMMM [de] YYYY h:mm A',
       LLLL: 'dddd, D [de] MMMM [de] YYYY h:mm A'
     }
   }
   
   dayjs.locale(locale, null, true)
   
   export default locale

3. 복사한 JavaScript 코드를 https://www.convertsimple.com/convert-javascript-to-json/와 같은 JavaScript-to-JSON 변환기에 붙여넣고 변환합니다.

   변환된 JSON 코드는 다음과 같이 표시됩니다.

   {
     "name": "es-us",
     "weekdays": [
       "domingo",
       "lunes",
       "martes",
       "miércoles",
       "jueves",
       "viernes",
       "sábado"
     ],
     "weekdaysShort": [
       "dom.",
       "lun.",
       "mar.",
       "mié.",
       "jue.",
       "vie.",
       "sáb."
     ],
     "weekdaysMin": [
       "do",
       "lu",
       "ma",
       "mi",
       "ju",
       "vi",
       "sá"
     ],
     "months": [
       "enero",
       "febrero",
       "marzo",
       "abril",
       "mayo",
       "junio",
       "julio",
       "agosto",
       "septiembre",
       "octubre",
       "noviembre",
       "diciembre"
     ],
     "monthsShort": [
       "ene",
       "feb",
       "mar",
       "abr",
       "may",
       "jun",
       "jul",
       "ago",
       "sep",
       "oct",
       "nov",
       "dic"
     ],
     "relativeTime": {
       "future": "en %s",
       "past": "hace %s",
       "s": "unos segundos",
       "m": "un minuto",
       "mm": "%d minutos",
       "h": "una hora",
       "hh": "%d horas",
       "d": "un día",
       "dd": "%d días",
       "M": "un mes",
       "MM": "%d meses",
       "y": "un año",
       "yy": "%d años"
     },
     "formats": {
       "LT": "h:mm A",
       "LTS": "h:mm:ss A",
       "L": "MM/DD/YYYY",
       "LL": "D [de] MMMM [de] YYYY",
       "LLL": "D [de] MMMM [de] YYYY h:mm A",
       "LLLL": "dddd, D [de] MMMM [de] YYYY h:mm A"
     }
   }

   

   노트 일부 JavaScript-to-JSON 변환기는 relativeTimeFormatter과 같은 기능을 지원하지 않습니다. 로캘에서 relativeTimeFormatter을 사용하는 경우 relativeTime 키와 브레이크 안의 모든 항목을 제거하거나 mm, hh 등의 값을 추가합니다. 또는 JavaScript에 익숙한 경우 .js 파일을 실행하고 JSON.stringify(locale) 명령을 실행하고 다음 단계를 건너뛰면 됩니다.
4. Compact JSON 또는 Minify JSON 기능(예: https://jsoneditoronline.org/)이 포함된 JSON 포맷터를 사용하여 줄바꿈 및 추가 공백을 제거합니다.

   축소된 JSON 코드는 다음과 같이 표시됩니다.

   {"name": "es-us", "weekdays": ["domingo", "lunes", "martes", 
   "miércoles", "jueves", "viernes", "sábado"], "weekdaysShort": ["dom.", 
   "lun.", "mar.", "mié.", "jue.", "vie.", "sáb."], "weekdaysMin": ["do", 
   "lu", "ma", "mi", "ju", "vi", "sá"], "months": ["enero", "febrero", 
   "marzo", "abril", "mayo", "junio", "julio", "agosto", "septiembre", 
   "octubre", "noviembre", "diciembre"], "monthsShort": ["ene", "feb", 
   "mar", "abr", "may", "jun", "jul", "ago", "sep", "oct", "nov", "dic"], 
   "relativeTime": {"future": "en %s", "past": "hace %s", "s": 
   "unos segundos", "m": "un minuto", "mm": "%d minutos", "h": "una hora", 
   "hh": "%d horas", "d": "un día", "dd": "%d días", "M": "un mes", "MM": 
   "%d meses", "y": "un año", "yy": "%d años"}, "formats": {"LT": "h:mm A", 
   "LTS": "h:mm:ss A", "L": "MM/DD/YYYY", "LL": "D [de] MMMM [de] YYYY", 
   "LLL": "D [de] MMMM [de] YYYY h:mm A", 
   "LLLL": "dddd, D [de] MMMM [de] YYYY h:mm A"}}

   (이 가이드의 텍스트를 래핑하기 위해 몇 가지 줄바꿈이 추가되었습니다.)

   

   노트

   사용자 정의 레이블은 유효한 JSON 문자열만 허용합니다.

5. 축소된 JSON 코드를 복사합니다.
6. 설정에서 사용자 정의 레이블으로 이동하여 요구 사항에 맞는 사용자 정의 레이블을 엽니다.

   다음 사용자 정의 레이블이 권장됩니다.

   사용자 정의 레이블	상세 설명
   cmpDayJsLocaleFormats	LWC 날짜 구성 요소 및 Omniscript 날짜 요소에 번역을 적용합니다. OmniDayJSLocaleFormats 레이블에 번역이 정의된 경우 cmpDayJsLocaleFormats 레이블이 Omniscripts에 번역을 적용하지 않습니다.
   OmniDayJsLocaleFormats	Omniscript 날짜 및 시간 요소에만 번역을 적용합니다. 두 사용자 정의 레이블에 번역이 정의된 경우 Omniscript에서 cmpDayJsLocaleFormats 레이블을 재정의합니다.

7. 사용자 정의 레이블에서 새로 만들기를 클릭하여 번역을 추가합니다.
8. 언어를 선택합니다.
9. 번역 필드에 압축된 JSON 코드를 붙여넣습니다.
10. 저장을 클릭합니다.
    
11. 날짜 또는 날짜/시간 요소가 포함된 Omniscript를 열고 미리 보기로 이동하여 언어를 선택한 후 날짜 선택기를 엽니다.
    예를 따라 스페인어를 선택한 경우 날짜 선택기에 해당 주의 월과 일에 대한 스페인어 번역이 표시됩니다.