Question

我目前有一个下拉列表，显示用户选择日期的时段和日期选择器。我正在尝试制作一个动态时间段，它只根据当前时间和日期显示时间。例如，如果用户想要在2015年3月25日进行预约，则不应显示过去的时间，而是显示当前的时间和时间。但是，如果他们想要选择未来的日期，它应该始终显示。

        <select  name ="timeslot"> 
        <option value ="0"> Please select </option>
        <option value = "08:30" > 08:30 </option>
        <option value = "09:15" > 09:15 </option>
        <option value = "10:00" > 10:00 </option>
        <option value = "10:45" > 10:45 </option>
        <option value = "11:30" > 11:30 </option>
        <option value = "12:15" > 12:15 </option>
        <option value = "13:00" > 13:00 </option>
        <option value = "13:45" > 13:45 </option>
        <option value = "14:30" > 14:30 </option>
        <option value = "15:15" > 15:15 </option>
        <option value = "16:00" > 16:00 </option>
        <option value = "16:45" > 16:45 </option>
        <option value = "17:30" > 17:30 </option>
        </select>

        <p><input type="text" id="datepicker" name = "date" readonly = 'true'          
        placeholder = "Enter Date"></p>

        <script>
        $( "#datepicker" ).datepicker({ 
        dateFormat:'yy-mm-dd'
          });
        </script>

Answer 1

下面的时间动态下拉代码

function creatTimeDropdown(){
        $hours = $minutes = $ampm = $optString='';
        $i=0;
        for( $i = 540; $i <= 1260; $i += 30){

                    $hours = floor($i / 60);
                    $minutes = $i % 60;
                    if ($minutes < 10){
                        $minutes = '0' . $minutes; // adding leading zero
                    }
                    $ampm = $hours % 24 < 12 ? 'AM' : 'PM';
                    $hours = $hours % 12;
                    if ($hours === 0){
                        $hours = 12;
                    }
                    $text =$hours.':'.$minutes.' '.$ampm;
                    $optString .='<option value="'.$i.'">'.$text.'</option>';



        }
        return $optString;
    }

动态下拉列表显示取决于当前时间的时间

1 个答案: