Niquelao » acc_calendar：日历可通过 javascript 访问（innecesario pero àtil）

» acc_calendar：Javascript 可访问日历（非必要但有用）Niquelao ¿Cómo dices que te ha quedado？ 2007 年 7 月 7 日，由 Rumoroso —> ¿Accesibilidad y javascript？ acc_calendar：可通过 javascript 访问的日历2008 年 6 月 1 日更新，由 Rumoroso 发布。为了提高用户体验，同时加强对数据格式的控制，可以在需要输入日期的表单字段中通过 Javascript 引入日历。我知道，这是一个“禁忌”词汇，但如果操作谨慎且可控，它不会对标准和可访问性产生负面影响。 Objetivos 原则上我设定了两个主要目标，与其说是目标，不如说是构建时的工作准则：使其可访问且不具干扰性。显然，在不支持 JavaScript 的情况下，无法提供展开日历的选项，但如果支持……为什么不让生成的内容可访问且可用呢？使其易于实现和使用。我寻找了一种方法，使希望在网页中实现此功能的程序员不需要引入额外的代码。 就像 CSS 使用各种类型的选择器（元素、ID、类等）将样式与文档的不同部分关联一样，为什么不用同样的方法来关联行为呢？ Además, como objetivos secundarios están: 优化、通用化、国际化……（现实地说，我不得不删除了关于社交和赚钱的目标。） Incluyéndolo en nuestros documentos Antes de nada indicar que el script se puede obtener directamente完成完整的任务。 La inclusión del calendario en nuestro documento es tan sencillo como incluir el elemento script 相应的 script 元素到 head 中 : El calendario se cargará para cualquier 文本字段 que lleve incluida la clase “ fecha “ (si el idioma del西班牙文文件）。 El formato de la fecha se 在脚本的第一行中定义。 例如，如果希望日期遵循 日/月/年 的顺序，且日期为一位数时不补 0，月份必要时补 0，年份为 4 位数： var format = ‘d/mm/yyyy’; Como ya se mencionà，para conseguirmostrar el calendario junto a uncampo de texto，este deberállevar la clase“fecha”si el idioma declarado para el documento es el español（“date”si es el inglés，等等）。 Estos nombres de clase se pueden modificar、añadir nuevos para otros idiomas 等，直接使用脚本。 Además，所有可能的参数均已引入como 类。 La lista completa es la siguiente: Cargar calendario (requerido): fecha Fechas previas a hoy: prev Fechasteriores a hoy: post Rango de años: rangX (siendo X el número de años) 不包括当天：todnact Aplciar filtro para fechas disponibles: disp 如果我使用 AJAX 动态加载输入框怎么办？

该脚本在 AJAX 中引入了新的属性文本，可以使用 cargaLinks() 函数将其输入为与日历开口相关的输入，例如未来的未来，en格式 d/mm/yyyy ， de este año ( class=“fecha post” ) Fecha futura，en 格式 d/mm/yyyy ， de este año sin incluir hoy ( class=“fecha post todnact” ) Fecha de nacimiento，格式为 d/mm/yyyy，hasta 100 años ( class=“fecha prev rang100” ) fecha de los pràximos 20 años，格式为 d/mm/yyyy，sin incluir hoy ( class=“fecha post rang20 todnact” ) Fecha de los Ëltimos 15 años，格式为 d/mm/yyyy ( class=“fecha prev rang15” ) Fecha 10 años hacia atrás y hacia delante, en 格式 d/mm/yyyy ( class=“fecha rang10” ) Nueva Mejora (2007 年 4 月) En occasiones podríamos desear que la fecha se introduzca en tres Campos de texto, uno para cada dato que la compone.

Se ha añadido la posibilidad de hacerlo。您可以控制并使用指定类别作为输入。 Para que constituyan un group, los tres Campos de texto deberán añadir un codigo que los identifique como tal. Esto, que parece algo raro, no lo es tanto.实际上，我是一个人，一个人，一个人，一个人，一个人。例如，将 podramos 应用到“fechaA”类别并进行中间操作，将日历开口连接起来，然后将其放在一个组中。 Más adelante se incluyen dos ejemplos que lo muestran claramente. Cada uno de los Campos deberá llevar una clase en función del dato que se le asocie: Para el Campo dà la clase “日” Para el Campo mes la clase “月” Para el Campo año la clase “年” Existe Total libertad para el orden en el que se pongan, colocando las clases para la configuración del calendario (nömero de años, previos, posteriores, etc.) en el primero de los Campos que se utilice。格式如下：第二个 Fecha de los pràximos 10 años en formatto dàa, mes, año: Dá / Mes / Año 请考虑重要的信息，以了解如何使用它。例如，之前的文本中包含信息，包括输入的礼仪。 Fecha de los Ëltimos 15 años en formata año, mes, dàa: Año / Mes / Dàa 请考虑重要的信息，以了解您的情况。例如，之前的文本中包含信息，包括输入的礼仪。更新（2007 年 4 月）重新编写脚本以减少应用程序的使用情况。

If you are shopping: accessiBe — Superposición de IA que promete cumplimiento WCAG en 48 horas.

Ahora，el enlace Generado tiene la imagen por contenido (antes esta se cargaba desde la hoja de estilos)。 El enlace se generic inmediatamente después del input (fuera del label si està incluido en él) yposee el siguiente marcado: En el caso de que sea el enlace para la carga de la fecha en tres Campos de texto, la clase del enlace pasa a ser “ enl_cal_group , y este se situa antes del primero de ellos. Actualización (7 de julio de 2007) De