0

Tengo la siguiente funcion:

$_parseData_time (data) {
      var d = new Date()
      var time = ( /(\d+)(?::(\d\d))?\s*(p?)/ )
      d.setHours( parseInt( time[3] ? 12 : 0) )
      d.setMinutes( parseInt( time[2]) || 0 )
      return d
    }

Estoy intentando que me devuelva la hora formateada en un componente de Vue que pueden ver en la pregunta anterior

Error en computed properties Vue

pero me trae tambien lo siguiente:

Fri May 10 2019 00:00:21 GMT-0300 (Argentina Standard Time)

como deberia corregirla para obtener solo el horario?

8
  • ¿A qué te refieres con solo el horario?
    – fredyfx
    Commented el 10 may. 2019 a las 18:28
  • Exacto @Aprendiz solo deseas mostrar horas, minutos y segundos Commented el 10 may. 2019 a las 18:44
  • con puro JS o usando algo como moment.js?
    – user128299
    Commented el 10 may. 2019 a las 18:45
  • deberia con puro js @Aprendiz y modificando o utilizando solo esa funcion del parseData que muestro aqui Commented el 10 may. 2019 a las 18:46
  • respuesta actualizada
    – fredyfx
    Commented el 10 may. 2019 a las 18:47

2 respuestas 2

1

Hay una mezcla interesante entre VueJs y MomentJS

new Vue({
  el: '#app',
  data: {
    items: [         
      new Date(2018, 11, 24, 10, 3, 31, 0),
      new Date(2017, 10, 23, 11, 13, 2, 0),
      new Date(2016, 9, 22, 12, 34, 40, 0),
    ]
  },
  methods: {
    moment: function (date) {
      return moment(date);
    },
    date: function (date) {
      return moment(date).format('hh:mm:ss');
    }
  },
  filters: {
    moment: function (date) {
      return moment(date).format('hh:mm:ss');
    }
  }
})
.method {
  color: grey;
}

.filter {
  color:green;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.6/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app">
  <ul>
    <li v-for="item in items">
      <p>{{ moment(item).format('hh:mm:ss') }}</p>
      <p class="method">{{ date(item) }}</p>
      <p class="filter">{{ item | moment }}</p>
    </li>
  </ul>
</div>

En este ejemplo, tienes 2 métodos y un filtro para formatear los datos en horas minutos segundos.

0

Lo resolví con:

$_parseData_time (data) {
      var d = new Date()
      var h = d.getHours();
      var m = d.getMinutes();
      return h + ':' + m
    }
1
  • 1
    ¿En qué momento utilizas el parámetro data?
    – fredyfx
    Commented el 10 may. 2019 a las 20:56

Tu Respuesta

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

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.