javascript - 使用 Select2 组件预选时间

Question

我是 JavaScript 新手(来自 Flex)。我正在使用 Select2 组件以 15 分钟为增量显示一天中的时间:

<select id="e2" style="width:125px">
    <option value="00:00:00">12:00 AM</option>
    <option value="00:15:00">12:15 AM</option>
    <option value="00:30:00">12:30 AM</option>
    <option value="00:45:00">12:45 AM</option>
    <option value="01:00:00">1:00 AM</option>
    <option value="01:15:00">1:15 AM</option>
    <option value="01:30:00">1:30 AM</option>
    <option value="01:45:00">1:45 AM</option>
</select>

我想要的是预先选择与当前时间( future )最匹配的时间；例如，如果现在是 12:02，我希望选择 12:15(而不是 12:00)。

我的问题是如何以及在哪里使用 Select2 来执行此操作。

初始化组件时是否使用“init Selection”方法:

$( '#e2' ).select2();

还是做点别的事更好？

这是我当前使用的方法(在 Flex 中)设置日期。我只是有点不确定在哪里使用 Select2 组件执行此操作。

非常感谢任何提示。谢谢!

Answer 1

对于您需要实现的目标，我认为最好的方法是创建您自己的函数来查找最接近的时间段，然后格式化字符串以匹配您的选择选项值。

下面是示例代码(您需要根据需要对其进行格式化)，但它在当前时间适用于我:

示例:http://jsfiddle.net/ZC5tG/

HTML

    <select id="e2" style="width:125px">
        <option value="12:00:00">12:00 AM</option>
        <option value="12:15:00">12:15 AM</option>
        <option value="12:30:00">12:30 AM</option>
        <option value="12:45:00">12:45 AM</option>
        <option value="01:00:00">1:00 AM</option>
        <option value="01:15:00">1:15 AM</option>
        <option value="01:30:00">1:30 AM</option>
        <option value="01:45:00">1:45 AM</option>
    </select>

jQuery

<script>
    function getNearestTimeSlotString() {
        var now = new Date();
        var hour = now.getHours();
        var minutes = now.getMinutes();
        var ampm = "AM";
        if (minutes < 15) {
            minutes = "00";
        } else if (minutes < 30){
            minutes = "15";
        }else if (minutes < 45){
            minutes = "30";
        } else {
            minutes = "00";
            ++hour;
        }
        if (hour > 23) {
            hour = 12;
        } else if (hour > 12) {
            hour = hour - 12;
            ampm = "PM";
        } else if (hour == 12) {
            ampm = "PM";
        } else if (hour == 0) {
            hour = 12;
        }

        return(hour + ":" + minutes + ":00");
    }
$(document).ready(function(e) {
    alert(getNearestTimeSlotString());
    $("#e2").val(getNearestTimeSlotString);
});