下拉选项在不应该被选中的情况下被选中

Question

用于选择生日日期的当前代码

<label>Birthday</label>
<select name="dob-year" id="dob-year" class="form-control">
  <option value="" disabled>Year</option>
  <option value="" disabled>----</option>
...
  <option value="1971" {{date("Y", strtotime($friend->birthday)) == '1971' ? 'selected' : ''}}>1971</option>
  <option value="1970" {{date("Y", strtotime($friend->birthday)) == '1970' ? 'selected' : ''}}>1970</option>
  <option value="1969" {{date("Y", strtotime($friend->birthday)) == '1969' ? 'selected' : ''}}>1969</option>
...
</select>
<select name="dob-month" id="dob-month" class="form-control">
  <option value="" disabled>Month</option>
  <option value="" disabled>-----</option>
  <option value="01" {{date("F", strtotime($friend->birthday)) == 'January' ? 'selected' : ''}}>01</option>
  <option value="02" {{date("F", strtotime($friend->birthday)) == 'February' ? 'selected' : ''}}>02</option>
...
</select>
<select name="dob-day" id="dob-day" class="form-control">
  <option value="" disabled>日</option>
  <option value="" disabled>---</option>
  <option value="01" {{date("d", strtotime($friend->birthday)) == '01' ? 'selected' : ''}}>01</option>
  <option value="02" {{date("d", strtotime($friend->birthday)) == '02' ? 'selected' : ''}}>02</option>
...
</select>

我想要做什么 是添加 {{$friend->birthday == null ？ 'selected' : ''}} 如下所示，在每个年/月/日标签中

<select name="dob-year" id="dob-year" class="form-control">
  <option value="" disabled>Year</option>
  <option value="" {{$friend->birthday == null ? 'selected' : ''}} disabled>----</option>
...
</select>

问题 这是一个奇怪的问题，我似乎无法找到导致此问题的问题。 我已经禁用了所有 JavaScript，并仔细检查了从控制器返回的内容，但找不到问题的根源。

即使我在其他选项上硬编码selected，年/月/日的默认选定值始终为 1970/01/01。例如 Year 将仅选择 1970。 如果我删除整个 1970 选项标签，那么一切都会正常工作。因此，为了实现此目的，我必须删除 1970 选项标签、1 月 1 日选项标签和 01 天选项标签。这是没有用的...

有人知道这可能是什么原因造成的吗？

Answer 1

发生这种情况是由于您为 strtotime() 函数提供的格式，当向

echo date('Y/d/m',strtotime("20/03/03"));
echo date('Y:d:m',strtotime(null))

it will return you default value which is `1970/01/01`

您提供任何不支持的格式时，将错误的格式或 null 作为参数传递给 strtotime()

建议

您可以这样做，您想要将下拉列表显示为变量并检查它是否为null，然后更新您的$年，$日， $month 值，在这种情况下，如果值为空，它将不会选择任何值，而在正确的值上，它将选择正确的选项。

 @php
    $friendBD =  '';
    $day = '';
    $month = '';
    $year = '';
@endphp


@foreach ($friends as $friend)

    @php
        $friendBD =  $friend->birthday
    @endphp
    
    @if(!is_null($friendBD))
        @php
            $date = \Carbon\Carbon::create($friendBD);
            $month = $date->format('M');
            $day = $date->format('d');
            $year = $date->format('Y');
        @endphp
    @endif


    <label>Birthday</label>
    <select name="dob-year" id="dob-year" class="form-control">
    <option value="" disabled>Year</option>
    <option value="" disabled>----</option>
    <option value="1971" >1971</option>
    <option value="1970" {{$year == '1970' ? 'selected' : ''}}>1970</option>
    <option value="1969" {{$year == '1969' ? 'selected' : ''}}>1969</option>
    <option value="2020" {{$year == '2020' ? 'selected' : ''}}>2020</option>
    </select>
@endforeach

Answer 2

您的 PHP 可能无效

http://sandbox.onlinephpfunctions.com/code/bb07478fd5cc5da9535750524631d0c78763fe11

如果你有

$friend['birthday'] = "1980/02/01";

或

$friend = array("birthday"=>"1980/02/01");

然后你需要像这样访问生日

echo strtotime($friend["birthday"]);

所以你的语句需要看起来像这样

echo date("Y", strtotime($friend["birthday"]));

echo date("F", strtotime($friend["birthday"]));

echo date("d", strtotime($friend["birthday"]));

如果你没有正确访问字符串，对于任何日期，您都会得到 1970, January, 01。就我而言，由于我处于 GMT+1，因此我得到 1969 年 12 月 31 日作为“0”日期，这是由于传递给 strtotime 的无效日期所致

。或者使用 JavaScript：

const dob = "1971/02/01" // "<?= $friend["birthday"] ?>";
const [yyyy,mm,dd] = dob.split("/")
document.getElementById("dob-year").value=yyyy;
document.getElementById("dob-month").value=mm;
document.getElementById("dob-day").value=dd;

<label>Birthday</label>
<select name="dob-year" id="dob-year" class="form-control">
  <option value="" disabled>Year</option>
  <option value="" disabled>----</option>
  <option value="1971">1971</option>
  <option value="1970">1970</option>
  <option value="1969">1969</option>
</select>
<select name="dob-month" id="dob-month" class="form-control">
  <option value="" disabled>Month</option>
  <option value="" disabled>-----</option>
  <option value="01" 01</option>
  <option value="02">02</option>
</select>
<select name="dob-day" id="dob-day" class="form-control">
  <option value="" disabled>日</option>
  <option value="" disabled>---</option>
  <option value="01">01</option>
  <option value="02">02</option>
</select>