javascript – Pikaday i18n仍以英文显示日期和月份的名称

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – Pikaday i18n仍以英文显示日期和月份的名称，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1836字，纯文字阅读大概需要3分钟。

内容图文

我正在使用带有i18n选项的pikaday以及西班牙语的月份和日期的名称,我的问题是在输入文本/占位符中仍然显示所述月份的英文名称.

这是我的JS代码：

 var picker = new Pikaday(
    {
        numberOfMonths: 2,
        field: document.getElementById('datepicker-2months'),
        firstDay: 1,
        minDate: new Date(2000, 0, 1),
        maxDate: new Date(2020, 12, 31),
        yearRange: [2000, 2020],
        i18n: {
            previousMonth : 'Mes anterior',
            nextMonth     : 'Mes siguiente',
            months        : ['Enero','Febrero','Marzo','Abril','Mayo','Junio','Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre'],
            weekdays      : ['Domingo','Lunes','Martes','Miercoles','Jueves','Viernes','Sabado'],
            weekdaysShort : ['Dom','Lun','Mar','Mier','Jue','Vie','Sab']
        }
    });

这应该是直截了当但我很困惑,因为弹出日历以正确的语言显示名称,但不在输入占位符中.

解决方法:

Pikaday i18n通常使用moment.js.如果你不想使用它,你必须自己做.您已经提供了月份和日期名称…但不是用于填充输入框值的方法.这是通过toString()方法完成的：

var monthNames = ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'],
    picker = new Pikaday({  
      numberOfMonths: 2,
      field: document.getElementById('datepicker-2months'),
      firstDay: 1,
      minDate: new Date(2000, 0, 1),
      maxDate: new Date(2020, 12, 31),
      yearRange: [2000, 2020],
      i18n: {
        previousMonth: 'Mes anterior',
        nextMonth    : 'Mes siguiente',
        months       : monthNames,
        weekdays     : ['Domingo', 'Lunes', 'Martes', 'Miercoles', 'Jueves', 'Viernes', 'Sabado'],
        weekdaysShort: ['Dom', 'Lun', 'Mar', 'Mier', 'Jue', 'Vie', 'Sab']
      },
      toString: function(date) {
        var parts = [date.getDate(), monthNames[date.getMonth()], date.getFullYear()];
        return parts.join(" ");
      }
    });

Try it on Codepen

如果您希望能够从输入框中解析文本以在日历中获得正确的值,那么您还需要实现parse()方法……但此时使用moment.js可能更容易它为你处理i18n.

这一切都在Formatting section of the Pikaday doc中描述.

内容总结

以上是互联网集市为您收集整理的javascript – Pikaday i18n仍以英文显示日期和月份的名称全部内容，希望文章能够帮你解决javascript – Pikaday i18n仍以英文显示日期和月份的名称所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端