JavaScript - Convertir mes

 
Vista:
sin imagen de perfil
Val: 13
Ha disminuido su posición en 3 puestos en JavaScript (en relación al último mes)
Gráfica de JavaScript

Convertir mes

Publicado por Angelica (6 intervenciones) el 22/09/2019 00:51:26
Buenos días

Necesito ingresar tres datos: día, mes y año, y que con el botón yo convierta el dato del mes. Si lo ingreso en números, por ejemplo 10, me devuelva el mes como "Octubre" y si, yo ingreso un mes como "marzo" me devuelva. 3. La verdad no encuentro un código para ello.

Tengo problemas también para mostrar en el span :(

Esto es como creo tenerlo pero sé que está muy mal, porque no corre nada.

Agradecerá mucho su ayuda, estoy muy perdida.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
sin imagen de perfil
Val: 13
Ha disminuido su posición en 3 puestos en JavaScript (en relación al último mes)
Gráfica de JavaScript

Convertir mes

Publicado por Angelica (6 intervenciones) el 22/09/2019 07:25:43
---- Creo que todo está mal, pero :(

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Document</title>
  </head>
  <body>
 
    <h1>Fecha</h1>
 
 
      <table>
        <tr>
          <td>
            <h2>Ingresa día</h2>
            <input
              id="dia"
              type="number"
              name="dia1"
              placeholder="día"
              autofocus="autofocus"
            />
          </td>
 
          <td>
            <h2>Ingresa mes</h2>
            <input id=mes" type="text" name="mes" placeholder="mes"
            autofocus="autofocus" />
          </td>
          <length>
          <td>
            <h2>Ingresa año</h2>
            <input
              id="year"
              type="text"
              name="año"
              placeholder="año"
              autofocus="autofocus"
            />
          </td>
        </tr>
      </table>
    </div>

    <button oneclick="fecha()" >convertir</button>
<br>
<br>
    <p>Tu fecha es: <span id="mostrar"></span</p>

    <script>


// function getMonthFromString(mes){

// var meses = Date.parse(mes + "1, 2012");
// if(!isNaN(meses)){
//    return new Date(meses).getMonth() + 1;
// }
// return -1;
// }; 

var fecha = function() {
  
var dia = document.getElementById("dia").value;
 var year = document.getElementById("year").value;
 document.getElementById("mostrar").innerHTML = dia + año;
}


    </script>
  </body>
</html>
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
sin imagen de perfil
Val: 13
Ha disminuido su posición en 3 puestos en JavaScript (en relación al último mes)
Gráfica de JavaScript

Convertir mes

Publicado por Angelica (6 intervenciones) el 22/09/2019 07:46:51
y tiene que reconocer mayusculas y minusculas es mes... toLowerCase a la función de get month?
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de joel
Val: 3.506
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Convertir mes

Publicado por joel (895 intervenciones) el 22/09/2019 09:06:50
Hola Angelica, en este código tenias varios errores que he solucionado para que te funcione.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Document</title>
  </head>
  <body>
 
    <h1>Fecha</h1>
 
 
      <table>
        <tr>
          <td>
            <h2>Ingresa día</h2>
            <input
              id="dia"
              type="number"
              name="dia1"
              placeholder="día"
              autofocus="autofocus"
            >
          </td>
 
          <td>
            <h2>Ingresa mes</h2>
            <input id="mes" type="text" name="mes" placeholder="mes"
            autofocus="autofocus" >
          </td>
          <length>
          <td>
            <h2>Ingresa año</h2>
            <input
              id="year"
              type="text"
              name="año"
              placeholder="año"
              autofocus="autofocus"
            >
          </td>
        </tr>
      </table>
    </div>
 
    <button onclick="fecha()" >convertir</button>
<br>
<br>
    <p>Tu fecha es: <span id="mostrar"></span></p>
 
    <script>
 
 
// function getMonthFromString(mes){
 
// var meses = Date.parse(mes + "1, 2012");
// if(!isNaN(meses)){
//    return new Date(meses).getMonth() + 1;
// }
// return -1;
// }; 
 
var fecha = function() {
 
var dia = document.getElementById("dia").value;
 var year = document.getElementById("year").value;
 document.getElementById("mostrar").innerHTML = dia + year;
}
 
 
    </script>
  </body>
</html>

Sobre lo que comentas del mes, no me queda claro cuando dices que se puede entrar en texto... ingles, castellano, abreviado? se puede introducir de muchas maneras... no seria mejor un desplegable?
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
1
Comentar
sin imagen de perfil
Val: 13
Ha disminuido su posición en 3 puestos en JavaScript (en relación al último mes)
Gráfica de JavaScript

Convertir mes

Publicado por Angelica (6 intervenciones) el 22/09/2019 18:03:11
Muchas gracias por tu ayuda.

No se puede un despegable, necesito una función en el que yo pueda ingresar el mes, en español con mayúsculas y minúsculas , me lo convierta a números y viceversa. por ejemplo.
1= Enero
FeBrero= 2
3= marzO
ABRIL=4
5=mayo
abriL=6
...

Estuve buscando un código y me apareció el que está comentado pero no se ejecuta.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
function getMonthFromString(mes){
 
var meses = Date.parse(mes);
if(!isNaN(meses)){
   return new Date(meses).getMonth() + 1;
}
return -1;
};
 
var fecha = function() {
 
var dia = document.getElementById("dia").value;
 var year = document.getElementById("year").value;
 document.getElementById("mostrar").innerHTML = dia +" " + mes + " "+ year;
}

Muchas gracias con la ayuda
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de joel
Val: 3.506
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Convertir mes

Publicado por joel (895 intervenciones) el 22/09/2019 19:17:58
Para hacerlo como dices, tendras que utilizar un array que contenga clave valor... algo así:

1
2
3
4
5
6
7
8
9
10
11
12
<script>
 
const meses={"enero":1, "febrero":2, "marzo":3, "abril":4, "mayo":5, "junio":6, "julio":7, "agosto":8, "septiembre":9, "octubre":10, "noviembre":11, "diciembre":12};
 
const mes="MARZO";
if (meses[mes.toLowerCase()]) {
    console.log(meses[mes.toLowerCase()]);
} else {
    console.log("No existe");
}
 
</script>
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
1
Comentar
sin imagen de perfil
Val: 13
Ha disminuido su posición en 3 puestos en JavaScript (en relación al último mes)
Gráfica de JavaScript

Convertir mes

Publicado por Angelica (6 intervenciones) el 23/09/2019 01:05:29
Muchas gracias. Si no es mucha molestia puedo pedir un favor más? me podrías recomendar alguna web o tutorial de youtube para estudiar? Gracias!
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
sin imagen de perfil
Val: 13
Ha disminuido su posición en 3 puestos en JavaScript (en relación al último mes)
Gráfica de JavaScript

Convertir mes

Publicado por Angelica (6 intervenciones) el 23/09/2019 01:11:20
Tengo una pregunta de por q pusiste const mes="MARZO"
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de joel
Val: 3.506
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Convertir mes

Publicado por joel (895 intervenciones) el 23/09/2019 07:49:57
Es la variable que he utilizado para hacer la prueba... en tu caso, tendrás que cambiarlo por el texto que el usuario escriba.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar