1

我一直在做一些研究，为用户提供一个可用的时区选择框，但到目前为止我对结果并不满意。我正在使用 PHP 的内置 DateTime 和 DateTimeZone 来获取时区列表（Olson 数据库）。但是，如果您曾经使用过它，您就会知道它是一个很长的列表（大约 300 项），因此在选择框中无法使用。我使用 optgroups 对其进行了一些格式化，以按区域对其进行分组，并将具有相同 UTC 偏移量的城市连接起来。清单仍然很长，我对此并不满意。如果有意义的话，我实际上只想获得世界每个地区的主要城市，而不是相对不为人知的城市。

我想保持标识符不变，因为我可以使用带有 DateTime 和 DateTimeZone 类的标识符来执行转换和其他操作。关于如何使这个列表更有用/更短的任何想法？

我现在拥有的代码如下（现在有点乱，但正在进行中）：

    public function getListOfTimezones()
    {
        $options = array();
        $utc = new DateTimeZone('UTC');

        //$regions = array('Africa', 'America', 'Antarctica', 'Arctic', 'Asia', 'Atlantic', 'Australia', 'Europe', 'Indian', 'Pacific');
        $regions = array('America', 'Asia', 'Atlantic', 'Australia', 'Europe', 'Pacific');
        $tzs = DateTimeZone::listIdentifiers();
        $optgroup = null;
        $timezoneGroup = array();
        sort($tzs);

        foreach ($tzs as $tz)
        {
            $timezonepieces = explode('/', $tz, 2);

            if (count($timezonepieces) != 2 || !in_array($timezonepieces[0], $regions)) continue;

            $region = $timezonepieces[0];
            $location = $timezonepieces[1];             

            if (count($timezoneGroup) > 0)
            {
                $lastTimeZone = $timezoneGroup[count($timezoneGroup) - 1];

                $utcTime = new DateTime(null, $utc);
                $timezoneInfo = new DateTimeZone($tz);
                $lastTimeZoneInfo = new DateTimeZone($lastTimeZone['timezoneid']);

                if ($timezoneInfo->getOffset($utcTime) == $lastTimeZoneInfo->getOffset($utcTime))
                {
                    $addTz = array('timezoneid' => $tz, 'timezonelabel' => str_replace('_', ' ', $location));
                    $timezoneGroup[] = $addTz;
                }
                else
                {
                    $labels = array();

                    if (count($timezoneGroup) > 5)
                    {
                        $timezoneGroup = array_slice($timezoneGroup, 0, 5);
                    }

                    $country = '';
                    foreach ($timezoneGroup as $curTimezone)
                    {
                        $pieces = explode('/', $curTimezone['timezonelabel'], 2);

                        if (count($pieces) == 2)
                        {
                            if ($pieces[0] == $country)
                            {
                                continue;
                            }
                            else
                            {
                                $country = $pieces[0];
                            }   
                        }

                        $labels[] = $curTimezone['timezonelabel'];
                    }
                    $optgroup['options'][htmlentities($timezoneGroup[0]['timezoneid'])] = implode(', ', $labels);

                    // New timezone group
                    $timezoneGroup = array();
                    $addTz = array('timezoneid' => $tz, 'timezonelabel' => str_replace('_', ' ', $location));
                    $timezoneGroup[] = $addTz;
                }
            }
            else
            {
                $addTz = array('timezoneid' => $tz, 'timezonelabel' => str_replace('_', ' ', $location));
                $timezoneGroup[] = $addTz;
            }

            if (!$optgroup || (is_array($optgroup) && array_key_exists('label', $optgroup) && $optgroup['label'] != htmlentities($region)))
            {
                if ($optgroup)
                {
                    // End of previous optgroup, start of new one
                    $options[] = $optgroup;
                }

                $optgroup = array('label' => htmlentities($region), 'options' => array());
            }
        }

        if (is_array($optgroup))
        {
            $options[] = $optgroup;
        }

        return $options;
    }
4

1 回答 1

2

当需要像这里这样的专门数据输入时，使用纯 HTML 可以做的事情是有限的。

我建议使用一些增强时区选择的 JavaScript 组件；例如，我也使用的一个非常好的 jQuery 插件是Select2. 它在您键入时使用自动查找和许多附加功能转换下拉菜单。

于 2013-06-11T22:57:21.630 回答