0

estoy usando un DateTimePicker para Bootstrap y no me deja cambiar el idioma del mismo a pesar de que la documentación dice que sí se puede, me marca el error que es una opción no reconocida. Estoy usando la versión 4.17.47 del DateTimePicker y la versión 2.9.0 de Moment.js

Les presento el código:

Este sería lo que hay en el head.

<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.css">
<link rel="stylesheet" href="./css/bootstrap-datetimepicker.min.css" type="text/css" media="all" />
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.9.0/moment-with-locales.min.js"></script>
<script type="text/javascript" src="./js/bootstrap-datetimepicker.min.js"></script>

Parte del form donde selecciono la fecha:

<div class="form-row">
            <div class="col-4">
                <label for="na_fvigencia" class="col-form-label">Fecha de vigencia</label>
                    <div class="input-group date" id="id_0">
                        <input type="text" class="form-control" id="na_fvigencia" name="na_fvigencia"  required>
                            <div class="input-group-addon input-group-append">
                                 <div class="input-group-text">
                                    <i class="glyphicon glyphicon-calendar fa fa-calendar"></i>
                                </div>
                            </div>
                    </div>
            </div>
            <div class="col-4">
                <label for="na_fvisible" class="col-form-label">Fecha de visibilidad</label>
                    <div class="input-group date" id="id_1">
                        <input type="text" class="form-control" id="na_fvisible" name="na_fvisible"  required>
                            <div class="input-group-addon input-group-append">
                                 <div class="input-group-text">
                                    <i class="glyphicon glyphicon-calendar fa fa-calendar"></i>
                                </div>
                            </div>
                    </div>
            </div>
        </div>

Por último el script:

<script type="text/javascript">
$( document ).ready(function() {
    $('#id_0').datetimepicker({
            "allowInputToggle": true,
            "showClose": true,
            "showClear": true,
            "showTodayButton": true,
            "format": "YYYY-MM-DD hh:mm:ss A",
        });
    $('#id_1').datetimepicker({
            "allowInputToggle": true,
            "showClose": true,
            "showClear": true,
            "showTodayButton": true,
            "format": "YYYY-MM-DD hh:mm:ss A",
        });
});</script>

Cabe mencionar que ya he utilizado las opciones de locale y language dentro de la función que ejecuta el datetimepicker. Espero puedan ayudarme.

3
  • Por favor muéstranos cómo estás usando las opciones de locale y language dentro de la función Commented el 31 mar. 2021 a las 16:42
  • @JheymanMejia los usé de está forma amigo: $( document ).ready(function() { $('#id_0').datetimepicker({ "allowInputToggle": true, "showClose": true, "showClear": true, "showTodayButton": true, "format": "YYYY-MM-DD hh:mm:ss A", "language": "es", "locale": "es-MX" }); Commented el 5 abr. 2021 a las 17:52
  • Agrega bajo tu moment.js la librería del idioma correspondiente: <script src="https://cdn.jsdelivr.net/npm/[email protected]/locale/es-mx.js"></script> Acabo de hacer una prueba y funciona. SIno, por favor, haz clic en editar y crea un ejemplo mínimo verificable Commented el 5 abr. 2021 a las 19:31

0

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

Examina otras preguntas con la etiqueta o formula tu propia pregunta.