【问题标题】:Change format date using javascript from timestamp php [duplicate]使用时间戳php中的javascript更改格式日期[重复]
【发布时间】:2019-02-26 11:12:58
【问题描述】:

javascript 可以像这样将 php 中的日期格式:2018-09-22 05:20:48 更改为 like this Saturday,22 September 吗?我正在使用 vue.js 和 laravel。因为这个日期是使用查询从数据库中获取的,所以我不知道如何获取 int 时间,它将传递给 vue 组件。

Vue 组件:

    <tr v-for="(category,index) in allCategories">
                  <td class="v-align-middle"> <img :src="category.images[0].link" class="img-fluid categoriesImg" alt=""> </td>
                  <td class="v-align-middle">{{category.category}}</td>
                  <td class="v-align-middle">{{formatDate(category.created_at)}}</td>
                </tr>



<script>



    import {mapGetters} from 'vuex';
export default {
  name:"category",
  computed: {
      ...mapGetters({
        allCategories:'allCategories'
      }),

    },
    created(){

        // this.$swal('Hello Vue world!!!');

      this.$store.dispatch('GetAllCategories');

    },
    methods:{
      formatDate(date){
        let tanggal = new Date(date);
        return tanggal;
      },
    }

}
</script>

结果

"2018-09-21T22:20:48.000Z"

【问题讨论】:

    标签: laravel vue.js


    【解决方案1】:

    momentjs 是最好的解决方案。

    确保您设置了正确的格式 (https://momentjs.com/docs/#/parsing/string-format/)

    formatDate(date){
        let tanggal = moment(date, 'YYYY-MM-DD HH:mm:ss').format('dddd,DD MMMM');
        return tanggal;
      },
    

    【讨论】:

      【解决方案2】:

      您可以使用以下代码:

      var monthNames = ["January", "February", "March", "April", "May", "June","July", "August", "September", "October", "November", "December"];
      var dayNames=['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
      d = new Date(date);
      time = dayNames[d.getDay()] + ", " + d.getDate() + monthNames[d.getMonth()] ;
      

      有关更多信息,您可以在 javaScript 中查看Date

      【讨论】:

        猜你喜欢
        • 2017-02-19
        • 1970-01-01
        • 1970-01-01
        • 2023-03-08
        • 1970-01-01
        • 2014-07-19
        • 1970-01-01
        • 1970-01-01
        • 2016-02-13
        相关资源
        最近更新 更多