diff options
author | Pedro Torcatt <pedrotorcattsoto@gmail.com> | 2022-03-02 09:52:20 -0400 |
---|---|---|
committer | GitHub <noreply@github.com> | 2022-03-02 07:52:20 -0600 |
commit | 35c6237c06506e2c539fbb7b90fb75258e32c870 (patch) | |
tree | 801c9b4bf107051a8313cc70489aa1080c3d067a /files/es/web/javascript/reference/global_objects | |
parent | 60da70cb21b46484b96054114ec2b33b935e6852 (diff) | |
download | translated-content-35c6237c06506e2c539fbb7b90fb75258e32c870.tar.gz translated-content-35c6237c06506e2c539fbb7b90fb75258e32c870.tar.bz2 translated-content-35c6237c06506e2c539fbb7b90fb75258e32c870.zip |
Translate and rename index.html to index.md (#4321)
* Translate and rename index.html to index.md
Closes #4319
* Cambios recomendados
Diffstat (limited to 'files/es/web/javascript/reference/global_objects')
-rw-r--r-- | files/es/web/javascript/reference/global_objects/date/tolocaledatestring/index.html | 160 | ||||
-rw-r--r-- | files/es/web/javascript/reference/global_objects/date/tolocaledatestring/index.md | 154 |
2 files changed, 154 insertions, 160 deletions
diff --git a/files/es/web/javascript/reference/global_objects/date/tolocaledatestring/index.html b/files/es/web/javascript/reference/global_objects/date/tolocaledatestring/index.html deleted file mode 100644 index 35cd7d54b6..0000000000 --- a/files/es/web/javascript/reference/global_objects/date/tolocaledatestring/index.html +++ /dev/null @@ -1,160 +0,0 @@ ---- -title: Date.prototype.toLocaleDateString() -slug: Web/JavaScript/Reference/Global_Objects/Date/toLocaleDateString -tags: - - Fecha - - IANA formato horario - - Internacionalizacion - - JavaScript - - Prototipo - - Prototype - - Referencia - - metodo -translation_of: Web/JavaScript/Reference/Global_Objects/Date/toLocaleDateString -original_slug: Web/JavaScript/Referencia/Objetos_globales/Date/toLocaleDateString ---- -<div>{{JSRef}}</div> - -<p>El método <strong><code>toLocaleDateString()</code></strong> devuelve una cadena con una representación de la fecha sensible al lenguaje. Los nuevos argumentos <code>locales</code> y <code>options</code> permiten a las aplicaciones especificar el lenguaje cuyas convenciones de formato deben usarse y permitir personalizar el comportamiento de la función. En implementaciones anteriores, las cuales ignoran los argumentos <code>locales</code> y <code>options</code>, el configuración regional usada y el formato de cadena devuelto dependen completamente de la implementación.</p> - -<div>{{EmbedInteractiveExample("pages/js/date-tolocaledatestring.html")}}</div> - -<p class="hidden">La fuente de este ejemplo interactivo está almacenado en el repositorio de GitHub. Si usted quiere contribuir al proyecto de ejemplos interactivos, por favor clona <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> y envíanos una solicitud de extracción (pull request).</p> - -<h2 id="Sintaxis">Sintaxis</h2> - -<pre class="syntaxbox"><var>dateObj</var>.toLocaleDateString([<var>locales</var> [, <var>options</var>]])</pre> - -<h3 id="Parámetros">Parámetros</h3> - -<p>Compruebe la sección de <a href="#Browser_compatibility">Compatibilidad con su navegador</a> para ver qué navegadores suportan los argumentos <code>locales</code> y <code>options</code>, y el Ejemplo: <a href="#Checking_for_support_for_locales_and_options_arguments">Comprobando el soporte para los argumentos locales y options</a> para detectar dicha característica.</p> - -<div>{{page('/en-US/docs/Web/JavaScript/Reference/Global_Objects/DateTimeFormat', 'Parameters')}}</div> - -<p>El valor por defecto para cada propiedad del componente date-time es {{jsxref("undefined")}}, pero si las propiedades <code>weekday</code>, <code>year</code>, <code>month</code>, <code>day</code> son todas {{jsxref("undefined")}}, entonces <code>year</code>, <code>month</code>, y <code>day</code> se asumen tener el valor <code>"numeric"</code>.</p> - -<h3 id="Valor_devuelto">Valor devuelto</h3> - -<p>Una cadena representando una porción de fecha de la instancia {{jsxref("Global_Objects/Date", "Date")}} indicada de acuerdo con las convenciones específicas del lenguaje.</p> - -<h2 id="Ejemplos">Ejemplos</h2> - -<h3 id="Usando_toLocaleDateString">Usando <code>toLocaleDateString()</code></h3> - -<p>En un caso básico sin especificar una configuración regional, se devolverá una cadena formateada en la configuración regional y las opciones por defecto.</p> - -<pre class="brush: js">var date = new Date(Date.UTC(2012, 11, 12, 3, 0, 0)); - -// toLocaleDateString() sin argumentos dependientes de la implementación, -// de la configuración regional por defecto y la zona horaria por defecto -console.log(date.toLocaleDateString()); -// → "12/11/2012" si se ejecuta en una configuración regional en-US con zona horaria America/Los_Angeles -</pre> - -<h3 id="Comprobando_el_soporte_para_los_argumentos_locales_y_options">Comprobando el soporte para los argumentos <code>locales</code> y <code>options</code></h3> - -<p>Los argumentos <code>locales</code> y <code>options</code> no son soportados aún por todos los navegadores. Para comprobar si una implementación los soporta, puede usar el requerimiento To check whether an implementation supports them already, you can use the requirement that illegal language tags are rejected with a {{jsxref("RangeError")}} exception:</p> - -<pre>function toLocaleDateStringSupportsLocales() { - try { - new Date().toLocaleDateString('i'); - } catch (e) { - return e.name === 'RangeError'; - } - return false; -} - -Using <code>locales</code></pre> - -<h3 id="Usando_locales">Usando <code>locales</code></h3> - -<p>Este ejemplo muestra algunas de las variaciones en los formatos de configuración regional de las fechas. Para poder obtener el formato del idioma usado en la interfaz de usuario de su aplicación, asegúrese de especificar el idioma (y posiblemente algunos idiomas alternativos) usando el argumento <code>locales</code>:</p> - -<pre class="brush: js">var date = new Date(Date.UTC(2012, 11, 20, 3, 0, 0)); - -// Los formatos de abajo asumen la zona horaria local de la configuración regional; -// America/Los_Angeles para US - -// El inglés de USA hace uso de orden mes-día-año -console.log(date.toLocaleDateString('en-US')); -// → "12/19/2012" - -// El inglés británico hace uso del orden día-mes-año -console.log(date.toLocaleDateString('en-GB')); -// → "20/12/2012" - -// El coreano hace uso del orden año-mes-día -console.log(date.toLocaleDateString('ko-KR')); -// → "2012. 12. 20." - -// Evento para persa. Es difícil convertir manualmente la fecha a Solar Hijri -console.log(date.toLocaleDateString('fa-IR')); -// → "۱۳۹۱/۹/۳۰" - -// El árave en la mayoría de paises arabehablantes hace uso de los dígitos árabes -console.log(date.toLocaleDateString('ar-EG')); -// → "<span dir="rtl">٢٠/١٢/٢٠١٢</span>" - -// Para el japonés, las aplicaciones quieren poder usar el calendario japonés, -// donde 2012 era el año 24 de la era Heisei -console.log(date.toLocaleDateString('ja-JP-u-ca-japanese')); -// → "24/12/20" - -// Cuando solicite un idioma que no esté soportado, por ejemplo el balinés, -// incluya un idioma alternativo, en este caso el indonesio -console.log(date.toLocaleDateString(['ban', 'id'])); -// → "20/12/2012" -</pre> - -<h3 id="Usando_options">Usando <code>options</code></h3> - -<p>Los resultados aportados por <code>toLocaleDateString()</code> pueden ser personalizados usando el argumento <code>options</code>:</p> - -<pre class="brush: js">var date = new Date(Date.UTC(2012, 11, 20, 3, 0, 0)); - -// Solicita el día de la semana junto a una fecha larga -var options = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' }; -console.log(date.toLocaleDateString('de-DE', options)); -// → "Donnerstag, 20. Dezember 2012" - -// Una aplicación puede querer usar UTC y hacer que sea visible -options.timeZone = 'UTC'; -options.timeZoneName = 'short'; -console.log(date.toLocaleDateString('en-US', options)); -// → "Thursday, December 20, 2012, GMT" -</pre> - -<h2 id="Performance">Performance</h2> - -<p>Cuando se formatea números largos de fechas, es mejor crear un objeto {{jsxref("Global_Objects/DateTimeFormat", "Intl.DateTimeFormat")}} y usar la función aportada por esta propiedad {{jsxref("DateTimeFormat.prototype.format", "format")}}.</p> - -<h2 id="Especificaciones">Especificaciones</h2> - -<table class="standard-table"> - <tbody> - <tr> - <th scope="col">Especificación</th> - </tr> - <tr> - <td>{{SpecName('ESDraft', '#sec-date.prototype.tolocaledatestring', 'Date.prototype.toLocaleDateString')}}</td> - </tr> - <tr> - <td>{{SpecName('ES Int Draft', '#sup-date.prototype.tolocaledatestring', 'Date.prototype.toLocaleDateString')}}</td> - </tr> - </tbody> -</table> - -<h2 id="Compatibilidad_con_el_navegador">Compatibilidad con el navegador</h2> - - - -<p>{{Compat("javascript.builtins.Date.toLocaleDateString")}}</p> - -<h2 id="Véase_también">Véase también</h2> - -<ul> - <li>{{jsxref("Global_Objects/DateTimeFormat", "Intl.DateTimeFormat")}}</li> - <li>{{jsxref("Date.prototype.toLocaleString()")}}</li> - <li>{{jsxref("Date.prototype.toLocaleTimeString()")}}</li> - <li>{{jsxref("Date.prototype.toString()")}}</li> -</ul> diff --git a/files/es/web/javascript/reference/global_objects/date/tolocaledatestring/index.md b/files/es/web/javascript/reference/global_objects/date/tolocaledatestring/index.md new file mode 100644 index 0000000000..39c896f5f2 --- /dev/null +++ b/files/es/web/javascript/reference/global_objects/date/tolocaledatestring/index.md @@ -0,0 +1,154 @@ +--- +title: Date.prototype.toLocaleDateString() +slug: Web/JavaScript/Reference/Global_Objects/Date/toLocaleDateString +tags: + - Fecha + - Formato de zona horaria IANA + - Internacionalización + - JavaScript + - Método + - Prototipo + - Referencia +browser-compat: javascript.builtins.Date.toLocaleDateString +--- +{{JSRef}} + +El método **`toLocaleDateString()`** devuelve una cadena con una representación sensible al idioma de la parte de la fecha especificada en la zona horaria del agente de usuario. + +Los argumentos `locales` y `options` permiten a las aplicaciones especificar el idioma cuyas convenciones de formato deben utilizarse y permiten personalizar el comportamiento de la función. +En las implementaciones más antiguas, que ignoran los argumentos `locales` y `options`, la configuración regional utilizada y la forma de la cadena devuelta dependen totalmente de la implementación. + +{{EmbedInteractiveExample("pages/js/date-tolocaledatestring.html")}} + +## Sintaxis + +```js +toLocaleDateString() +toLocaleDateString(locales) +toLocaleDateString(locales, options) +``` + +### Parámetros + +Los argumentos `locales` y `options` personalizan el comportamiento de la función y permiten a las aplicaciones especificar el idioma cuyas convenciones de formato deben utilizarse. +En las implementaciones que ignoran los argumentos `locales` y `options`, la configuración regional utilizada y la forma de la cadena devuelta dependen totalmente de la implementación. + +Véase el constructor {{jsxref("Intl/DateTimeFormat/DateTimeFormat", "Intl.DateTimeFormat()")}} para obtener detalles sobre estos parámetros y cómo utilizarlos. + +El valor por defecto para cada propiedad del componente fecha-hora es {{jsxref("undefined")}}, pero si las propiedades `weekday`, `year`, `month`, `day` son todas {{jsxref("undefined")}}, entonces se asume que `year`, `month`, y `day` son `"numeric"`. + +### Valor de retorno + +Una cadena que representa la parte de la fecha de la instancia {{jsxref("Global_Objects/Date", "Date")}} dada según las convenciones específicas del idioma. + +## Rendimiento + +Cuando se formatea un gran número de fechas, es mejor crear un objeto {{jsxref("Global_Objects/DateTimeFormat", "Intl.DateTimeFormat")}} y utilizar la función proporcionada por su propiedad {{jsxref("DateTimeFormat.prototype.format", "format")}}. + +## Ejemplos + +### Usando toLocaleDateString() + +En el uso básico sin especificar una configuración regional, se devuelve una cadena formateada en la configuración regional por defecto y con las opciones por defecto. + +```js +var date = new Date(Date.UTC(2012, 11, 12, 3, 0, 0)); + +// toLocaleDateString() sin argumentos depende de la implementación, +// la configuración regional por defecto y la zona horaria por defecto +console.log(date.toLocaleDateString()); +// → "12/11/2012" si se ejecuta en la configuración regional en-US +// con la zona horaria America/Los_Angeles +``` + +### Comprobación de la compatibilidad con los argumentos locales y options + +Los argumentos `locales` y `options` aún no están soportados en todos los navegadores. +Para comprobar si una implementación ya los soporta, puede utilizar el requisito de que las etiquetas de idioma ilegales sean rechazadas con una excepción {{jsxref("RangeError")}}: + +```js +function toLocaleDateStringSupportsLocales() { + try { + new Date().toLocaleDateString('i'); + } catch (e) { + return e.name === 'RangeError'; + } + return false; +} +``` + +### Usando locales + +Este ejemplo muestra algunas de las variaciones en los formatos de fecha localizados. +Para obtener el formato del idioma utilizado en la interfaz de usuario de su aplicación, asegúrese de especificar ese idioma (y posiblemente algunos idiomas de reserva) utilizando el argumento `locales`: + +```js +var date = new Date(Date.UTC(2012, 11, 20, 3, 0, 0)); + +// Los formatos que aparecen a continuación asumen la zona horaria local de la localidad; +// América/Los_Angeles para los Estados Unidos + +// El inglés estadounidense utiliza el orden mes-día-año +console.log(date.toLocaleDateString('en-US')); +// → "12/20/2012" + +// El inglés británico utiliza el orden día-mes-año +console.log(date.toLocaleDateString('en-GB')); +// → "20/12/2012" + +// El coreano utiliza el orden año-mes-día +console.log(date.toLocaleDateString('ko-KR')); +// → "2012. 12. 20." + +// Evento para persas, es difícil convertir manualmente la fecha a Solar Hijri +console.log(date.toLocaleDateString('fa-IR')); +// → "۱۳۹۱/۹/۳۰" + +// En la mayoría de los países de habla árabe se utilizan dígitos árabes reales +console.log(date.toLocaleDateString('ar-EG')); +// → "٢٠/١٢/٢٠١٢" + +// para los japoneses, las aplicaciones pueden querer utilizar el calendario +// japonés, donde 2012 fue el año 24 de la era Heisei +console.log(date.toLocaleDateString('ja-JP-u-ca-japanese')); +// → "24/12/20" + +// cuando se solicita un idioma que puede no estar soportado +// como el balinés, incluir un idioma de reserva, en este caso el indonesio +console.log(date.toLocaleDateString(['ban', 'id'])); +// → "20/12/2012" +``` + +### Usando options + +Los resultados proporcionados por `toLocaleDateString()` pueden personalizarse utilizando el argumento `options`: + +```js +var date = new Date(Date.UTC(2012, 11, 20, 3, 0, 0)); + +// solicitar un día de la semana junto con una fecha larga +var options = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' }; +console.log(date.toLocaleDateString('de-DE', options)); +// → "Donnerstag, 20. Dezember 2012" + +// una aplicación puede querer utilizar el UTC y hacerlo visible +options.timeZone = 'UTC'; +options.timeZoneName = 'short'; +console.log(date.toLocaleDateString('en-US', options)); +// → "Thursday, December 20, 2012, UTC" +``` + +## Especificaciones + +{{Specifications}} + +## Compatibilidad con navegadores + +{{Compat}} + +## Véase también + +- {{jsxref("Global_Objects/DateTimeFormat", "Intl.DateTimeFormat")}} +- {{jsxref("Date.prototype.toLocaleString()")}} +- {{jsxref("Date.prototype.toLocaleTimeString()")}} +- {{jsxref("Date.prototype.toString()")}} |