Как изменить дату и время в зависимости от выбранного часового пояса?

Question

отображает часовой пояс в раскрывающемся списке ....... загрузчик datetimepicker У меня есть один раскрывающийся список, в котором отображаются все часовые пояса.У меня есть один загрузчик даты и времени.onselect часового пояса в первом раскрывающемся списке, дата и время в datetimepicker должны меняться в зависимости от выбранного часового пояса.

Код для datetimepicker

<div class="form-group">

  <div class='input-group date' id='datetimepicker5'>
    <input type='text' class="form-control"   placeholder="start-date" required />
    <span class="input-group-addon">
      <span class="glyphicon glyphicon-calendar"></span>
    </span>
  </div>

  <script type="text/javascript">
    $(function () {
      $('#datetimepicker5').datetimepicker({
        defaultDate: moment(),
        widgetPositioning:{
          horizontal: 'auto',
          vertical: 'top'
        }
      });
    });
  </script>

</div>

Это код для отображения часового пояса

<div class="form-group">
  <select class="form-control"  id="shiftroster_timezone"  required>
    <option value=" "> select timezone</option>
    {% for table in zoned_array %}
    {% set selected = '' %}
    {% if (table.zone ~ ' ' ~ table.diff_from_GMT) == services_names %}
    {% set selected = 'selected' %}
    {% endif %}
    <option value="{{table.diff_from_GMT}}" {{ selected }}>  {{table.zone}} {{table.diff_from_GMT}}</option>
    var_dump{{table.diff_from_GMT}};
    {% endfor %}
  </select>
</div>

PHP-код для отображения часового пояса

$zones_array = array();
$timestamp = time();
foreach(timezone_identifiers_list() as $key => $zone) {
  date_default_timezone_set($zone);
  $zones_array[$key]['zone'] = $zone;
  $zones_array[$key]['diff_from_GMT'] = 'UTC/GMT ' . date('P', $timestamp);
}