Question

我有一个Vue应用程序，我想将用户名和类型大写。

此外，我想更改日期格式，例如5-May-2019。

我如何在Laravel中做到这一点？有功能吗？它在this manner中显示日期。

  <tr v-for="user in users" :key="user.id">
                <td>{{user.id}}</td>
                <td>{{user.name}}</td>
                <td>{{user.email}}</td>
                <td>{{user.type}}</td>
                <td>{{user.created_at}}</td>
  </tr>

我想要this result。

Answer 1

由于Laravel来自PHP语言，因此您可以使用函数ucfirst()将单词的首字母大写

例如：

$word = "john";
$new = ucfirst($word)
//outputs "John"

但是，如果您希望字符串中的所有单词的首字母都大写，请使用函数ucwords()

Answer 2

您可以在视图中使用Laravel ; Ini file generated by the HM NIS Edit IO designer. [Settings] NumFields=14 Title=test [Field 1] Type=Text Text=1 Left=29 Right=275 Top=46 Bottom=57 [Field 2] Type=Text Text=123 Left=30 Right=60 Top=67 Bottom=78 [Field 3] Type=Text Text=123 Left=74 Right=103 Top=67 Bottom=78 [Field 4] Type=Text Text=123 Left=121 Right=149 Top=67 Bottom=78 [Field 5] Type=Text Text=123 Left=164 Right=193 Top=67 Bottom=78 [Field 6] Type=Text Text=123 Left=206 Right=236 Top=67 Bottom=78 [Field 7] Type=Label Text=IP Left=1 Right=15 Top=48 Bottom=56 [Field 8] Type=Label Text=Key Left=1 Right=20 Top=70 Bottom=78 [Field 9] Type=Button Text=enter Flags=NOTIFY Left=225 Right=275 Top=92 Bottom=105 [Field 10] Type=Label Text=※ Enter four digits. Left=0 Right=152 Top=26 Bottom=43 [Field 11] Type=Label Text=- Left=154 Right=160 Top=68 Bottom=80 [Field 12] Type=Label Text=- Left=199 Right=205 Top=68 Bottom=76 [Field 13] Type=Label Text=- Left=110 Right=116 Top=68 Bottom=76 [Field 14] Type=Label Text=- Left=64 Right=70 Top=68 Bottom=76（不是很酷）

或者您可以对两个操作使用Vue过滤器：

Words filter Date Filters

Answer 3

请尝试使用php函数来实现首字母大写

{{ ucfirst(user.id) }}

对于日期，您可以使用以下

{{ date('d-M-y', strtotime($user.created_at)) }}

我希望这会对您有所帮助

Answer 4

假设您在后端从Eloquent吸引了用户，则可以使用Collection#map创建一个大写的名称和类型以及格式化日期的新集合。

Carbon::createFromFormat根据给定的格式和字符串创建一个Carbon实例。
Carbon->format以给定的格式返回日期字符串。
ucfirst()大写一个字符串。

Within controller:

$users = $users->map(function($user) {
    $user->name = ucfirst($user->name);
    $user->type = ucfirst($user->type); // If "$user->type" returns a relationship between to table, you should adapt this line a bit.

    $user->created_at = \Carbon::createFromFormat('Y-m-d H:i:s')->format('j-M-Y');
});

Answer 5

创建过滤器

Vue.filter('capitalize', function (value) {
  if (!value) return ''
  value = value.toString()
  return value.charAt(0).toUpperCase() + value.slice(1)
})

使用该过滤器

<td>{{user.name | capitalize}}</td>

如何在Laravel中将用户输出数据的首字母大写？

5 个答案: