Laravel + Vue js项目中日期间的计算

Question

我厌倦了在我的Laravel & Vue js项目中计算开始日期和结束日期？我还安装了js。代码如下，

{item.start_date MyDate} {{item.end_date \MyDate}{此处将在上述日期}之间计算}

请帮帮我。

Answer 1

如果您从Laravel获得数据，您可以使用Carbon来计算如下所示的差异：

$start_date = Carbon::parse($item->start_date);
$end_date = Carbon::parse($item->end_date);

$diff_in_hours = $end_date->diffInHours($start_date);
$diff_in_days = $end_date->diffInDays($start_date)
$diff_in_minutes = $end_date->diffInMinutes($start_date);
$diff_in_seconds = $end_date->diffInSeconds($start_date);

因此，如果从查询中获取数据，可以按如下方式映射查询：

$schedules = DB::table('schedules')
                 ->get()
                 ->map(function($item){
                     $start_date = Carbon::parse($item->start_date);
                     $end_date = Carbon::parse($item->end_date);
                     $item->diff = $end_date->diffInMinutes($start_date);

                    return $item;
                 });

模型也是如此

Schedule::where('status',1)->get()
                 ->map(function($item){
                     $start_date = Carbon::parse($item->start_date);
                     $end_date = Carbon::parse($item->end_date);
                     $item->diff = $end_date->diffInMinutes($start_date);

                    return $item;
                 });

Answer 2

您可以使用此逻辑创建新方法：

methods: {
    parseDate (start, end) {
        return moment(start, 'YYYY.MM.DD HH:mm').diff(moment(end, 'YYYY.MM.DD HH:mm'), "days")
    }
}

在模板中，您可以简单地这样做：{{ parseDate(item.start_date, item.end_date) }}

我想这就是你所需要的。Here --您可以立即检查一些使用diff的示例。

祝好运!