Javascript 将时间段从API转换为所选时区
我遇到了这个问题，我需要根据用户选择转换从API获得的时隙 以下是我在“时间段”下拉列表中的代码：Javascript 将时间段从API转换为所选时区,javascript,php,api,yii,timezone,Javascript,Php,Api,Yii,Timezone,我遇到了这个问题，我需要根据用户选择转换从API获得的时隙 以下是我在“时间段”下拉列表中的代码： <!-- timeslot --> <div role="tabpanel" class="tab-pane text-left" id="timeslot"> <div class="margin-bottom-2x form-font"><b>Select your timezone: </b> <select cl
<!-- timeslot -->
<div role="tabpanel" class="tab-pane text-left" id="timeslot">
<div class="margin-bottom-2x form-font"><b>Select your timezone: </b>
<select class="js-Selector timezone-selector">
<option value="Etc/GMT+12">(GMT-12:00) International Date Line West</option>
<option value="Pacific/Midway">(GMT-11:00) Midway Island, Samoa</option>
<option value="Pacific/Honolulu">(GMT-10:00) Hawaii</option>
<option value="US/Alaska">(GMT-09:00) Alaska</option>
<option value="America/Los_Angeles">(GMT-08:00) Pacific Time (US & Canada)</option>
<option value="America/Tijuana">(GMT-08:00) Tijuana, Baja California</option>
<option value="US/Arizona">(GMT-07:00) Arizona</option>
<option value="America/Chihuahua">(GMT-07:00) Chihuahua, La Paz, Mazatlan</option>
<option value="US/Mountain">(GMT-07:00) Mountain Time (US & Canada)</option>
<option value="America/Managua">(GMT-06:00) Central America</option>
<option value="US/Central">(GMT-06:00) Central Time (US & Canada)</option>
<option value="America/Mexico_City">(GMT-06:00) Guadalajara, Mexico City, Monterrey</option>
<option value="Canada/Saskatchewan">(GMT-06:00) Saskatchewan</option>
<option value="America/Bogota">(GMT-05:00) Bogota, Lima, Quito, Rio Branco</option>
<option value="US/Eastern">(GMT-05:00) Eastern Time (US & Canada)</option>
<option value="US/East-Indiana">(GMT-05:00) Indiana (East)</option>
<option value="Canada/Atlantic">(GMT-04:00) Atlantic Time (Canada)</option>
<option value="America/Caracas">(GMT-04:00) Caracas, La Paz</option>
<option value="America/Manaus">(GMT-04:00) Manaus</option>
<option value="America/Santiago">(GMT-04:00) Santiago</option>
<option value="Canada/Newfoundland">(GMT-03:30) Newfoundland</option>
<option value="America/Sao_Paulo">(GMT-03:00) Brasilia</option>
<option value="America/Argentina/Buenos_Aires">(GMT-03:00) Buenos Aires, Georgetown</option>
<option value="America/Godthab">(GMT-03:00) Greenland</option>
<option value="America/Montevideo">(GMT-03:00) Montevideo</option>
<option value="America/Noronha">(GMT-02:00) Mid-Atlantic</option>
<option value="Atlantic/Cape_Verde">(GMT-01:00) Cape Verde Is.</option>
<option value="Atlantic/Azores">(GMT-01:00) Azores</option>
<option value="Africa/Casablanca">(GMT+00:00) Casablanca, Monrovia, Reykjavik</option>
<option value="Etc/Greenwich">(GMT+00:00) Greenwich Mean Time : Dublin, Edinburgh, Lisbon, London</option>
<option value="Europe/Amsterdam">(GMT+01:00) Amsterdam, Berlin, Bern, Rome, Stockholm, Vienna</option>
<option value="Europe/Belgrade">(GMT+01:00) Belgrade, Bratislava, Budapest, Ljubljana, Prague</option>
<option value="Europe/Brussels">(GMT+01:00) Brussels, Copenhagen, Madrid, Paris</option>
<option value="Europe/Sarajevo">(GMT+01:00) Sarajevo, Skopje, Warsaw, Zagreb</option>
<option value="Africa/Lagos">(GMT+01:00) West Central Africa</option>
<option value="Asia/Amman">(GMT+02:00) Amman</option>
<option value="Europe/Athens">(GMT+02:00) Athens, Bucharest, Istanbul</option>
<option value="Asia/Beirut">(GMT+02:00) Beirut</option>
<option value="Africa/Cairo">(GMT+02:00) Cairo</option>
<option value="Africa/Harare">(GMT+02:00) Harare, Pretoria</option>
<option value="Europe/Helsinki">(GMT+02:00) Helsinki, Kyiv, Riga, Sofia, Tallinn, Vilnius</option>
<option value="Asia/Jerusalem">(GMT+02:00) Jerusalem</option>
<option value="Europe/Minsk">(GMT+02:00) Minsk</option>
<option value="Africa/Windhoek">(GMT+02:00) Windhoek</option>
<option value="Asia/Kuwait">(GMT+03:00) Kuwait, Riyadh, Baghdad</option>
<option value="Europe/Moscow">(GMT+03:00) Moscow, St. Petersburg, Volgograd</option>
<option value="Africa/Nairobi">(GMT+03:00) Nairobi</option>
<option value="Asia/Tbilisi">(GMT+03:00) Tbilisi</option>
<option value="Asia/Tehran">(GMT+03:30) Tehran</option>
<option value="Asia/Muscat">(GMT+04:00) Abu Dhabi, Muscat</option>
<option value="Asia/Baku">(GMT+04:00) Baku</option>
<option value="Asia/Yerevan">(GMT+04:00) Yerevan</option>
<option value="Asia/Kabul">(GMT+04:30) Kabul</option>
<option value="Asia/Yekaterinburg">(GMT+05:00) Yekaterinburg</option>
<option value="Asia/Karachi">(GMT+05:00) Islamabad, Karachi, Tashkent</option>
<option value="Asia/Calcutta">(GMT+05:30) Chennai, Kolkata, Mumbai, New Delhi</option>
<option value="Asia/Calcutta">(GMT+05:30) Sri Jayawardenapura</option>
<option value="Asia/Katmandu">(GMT+05:45) Kathmandu</option>
<option value="Asia/Almaty">(GMT+06:00) Almaty, Novosibirsk</option>
<option value="Asia/Dhaka">(GMT+06:00) Astana, Dhaka</option>
<option value="Asia/Rangoon">(GMT+06:30) Yangon (Rangoon)</option>
<option value="Asia/Bangkok">(GMT+07:00) Bangkok, Hanoi, Jakarta</option>
<option value="Asia/Krasnoyarsk">(GMT+07:00) Krasnoyarsk</option>
<option value="Asia/Hong_Kong">(GMT+08:00) Beijing, Chongqing, Hong Kong, Urumqi</option>
<option selected="selected" value="Asia/Kuala_Lumpur">(GMT+08:00) Kuala Lumpur, Singapore</option>
<option value="Asia/Irkutsk">(GMT+08:00) Irkutsk, Ulaan Bataar</option>
<option value="Australia/Perth">(GMT+08:00) Perth</option>
<option value="Asia/Taipei">(GMT+08:00) Taipei</option>
<option value="Asia/Tokyo">(GMT+09:00) Osaka, Sapporo, Tokyo</option>
<option value="Asia/Seoul">(GMT+09:00) Seoul</option>
<option value="Asia/Yakutsk">(GMT+09:00) Yakutsk</option>
<option value="Australia/Adelaide">(GMT+09:30) Adelaide</option>
<option value="Australia/Darwin">(GMT+09:30) Darwin</option>
<option value="Australia/Brisbane">(GMT+10:00) Brisbane</option>
<option value="Australia/Canberra">(GMT+10:00) Canberra, Melbourne, Sydney</option>
<option value="Australia/Hobart">(GMT+10:00) Hobart</option>
<option value="Pacific/Guam">(GMT+10:00) Guam, Port Moresby</option>
<option value="Asia/Vladivostok">(GMT+10:00) Vladivostok</option>
<option value="Asia/Magadan">(GMT+11:00) Magadan, Solomon Is., New Caledonia</option>
<option value="Pacific/Auckland">(GMT+12:00) Auckland, Wellington</option>
<option value="Pacific/Fiji">(GMT+12:00) Fiji, Kamchatka, Marshall Is.</option>
<option value="Pacific/Tongatapu">(GMT+13:00) Nuku'alofa</option>
</select>
选择您的时区：
（GMT-12:00）国际日期线西
（GMT-11:00）萨摩亚中途岛
（GMT-10:00）夏威夷
（GMT-09:00）阿拉斯加
（GMT-08:00）太平洋时间（美国和加拿大）
（GMT-08:00）下加利福尼亚州提华纳
（GMT-07:00）亚利桑那州
（GMT-07:00）奇瓦瓦，拉巴斯，马萨特兰
（GMT-07:00）山地时间（美国和加拿大）
（GMT-06:00）中美洲
（GMT-06:00）中部时间（美国和加拿大）
（GMT-06:00）瓜达拉哈拉，墨西哥城，蒙特雷
（GMT-06:00）萨斯喀彻温省
（GMT-05:00）波哥大、利马、基多、里约布兰科
（GMT-05:00）东部时间（美国和加拿大）
（GMT-05:00）印第安纳州（东部）
（GMT-04:00）大西洋时间（加拿大）
（GMT-04:00）加拉加斯，拉巴斯
（GMT-04:00）马瑙斯
（GMT-04:00）圣地亚哥
（GMT-03:30）纽芬兰
（GMT-03:00）巴西利亚
（GMT-03:00）布宜诺斯艾利斯，乔治敦
（GMT-03:00）格陵兰
（GMT-03:00）蒙得维的亚
（GMT-02:00）大西洋中部
（GMT-01:00）佛得角是。
（GMT-01:00）亚速尔群岛
（格林尼治标准时间+00:00）卡萨布兰卡，蒙罗维亚，雷克雅未克
格林威治标准时间：都柏林、爱丁堡、里斯本、伦敦
阿姆斯特丹、柏林、伯尔尼、罗马、斯德哥尔摩、维也纳
（GMT+01:00）贝尔格莱德、布拉迪斯拉发、布达佩斯、卢布尔雅那、布拉格
（GMT+01:00）布鲁塞尔、哥本哈根、马德里、巴黎
萨拉热窝、斯科普里、华沙、萨格勒布
（格林尼治标准时间+01:00）中西部非洲
（格林尼治标准时间+02:00）安曼
（GMT+02:00）雅典、布加勒斯特、伊斯坦布尔
（格林尼治标准时间+02:00）贝鲁特
（格林尼治标准时间+02:00）开罗
（格林尼治标准时间+02:00）比勒陀利亚哈拉雷
（GMT+02:00）赫尔辛基、基辅、里加、索非亚、塔林、维尔纽斯
（格林尼治时间+02:00）耶路撒冷
（格林尼治时间+02:00）明斯克
（格林尼治标准时间+02:00）温得和克
（格林尼治时间+03:00）科威特、利雅得、巴格达
（GMT+03:00）莫斯科，圣彼得堡，伏尔加格勒
（格林尼治时间+03:00）内罗毕
（格林尼治时间+03:00）第比利斯
（格林尼治时间+03:30）德黑兰
（格林尼治标准时间+04:00）阿布扎比，马斯喀特
（格林尼治标准时间+04:00）巴库
（格林尼治时间+04:00）埃里温
（格林尼治时间+04:30）喀布尔
（格林尼治标准时间+05:00）叶卡捷琳堡
（格林尼治标准时间+05:00）伊斯兰堡、卡拉奇、塔什干
（GMT+05:30）新德里孟买加尔各答钦奈
（格林尼治时间+05:30）斯里兰卡贾亚瓦尔德纳普拉
（格林尼治时间+05:45）加德满都
（格林尼治标准时间+06:00）新西伯利亚阿拉木图
（格林尼治标准时间+06:00）达卡阿斯塔纳
（格林尼治时间+06:30）仰光（仰光）
（GMT+07:00）曼谷，河内，雅加达
（格林尼治时间+07:00）克拉斯诺亚尔斯克
（GMT+08:00）北京、重庆、香港、乌鲁木齐
（GMT+08:00）新加坡吉隆坡
（格林尼治标准时间+08:00）乌兰巴托伊尔库茨克
（格林尼治标准时间+08:00）珀斯
（格林尼治标准时间+08:00）台北
（GMT+09:00）东京札幌大阪
（格林尼治时间+09:00）首尔
（格林尼治时间+09:00）雅库茨克
（格林尼治时间+09:30）阿德莱德
（格林尼治时间+09:30）达尔文
（格林尼治时间+10:00）布里斯班
（格林尼治标准时间+10:00）堪培拉、墨尔本、悉尼
（格林尼治标准时间+10:00）霍巴特
（格林尼治标准时间+10:00）关岛莫尔兹比港
（格林尼治时间+10:00）海参崴
（格林尼治标准时间+11:00）新喀里多尼亚所罗门群岛马加丹
（格林尼治时间+12:00）奥克兰，惠灵顿
（格林尼治标准时间+12:00）斐济，堪察加半岛，马歇尔群岛。
（格林尼治时间+13:00）努库阿洛法
<b>Select a timeslot: </b>
</br>Schedule is based on mentors availability & subject to approval.
<span id="spinner-mentor-checkDate"><small class="text-muted"><i class="fa fa-spinner fa-spin fa-lg fa-fw"></i> Checking...</small></span>
</div>
<div class="hidden">
<div class="col-xs-12 text-left clearfix">
<span id="box-BookSlotForm_date">
<?php echo $form->bsTextField($model, 'date'); ?>
</span>
<span id="box-BookSlotForm_time">
<?php echo $form->bsTextField($model, 'time'); ?>
</span>
<span class="input-group" style="max-width:8em;">
<span class="input-group-addon noborder">GMT</span>
<?php echo $form->bsTextField($model, 'timezone', array('readonly'=>'readonly')) ?>
</span>
</div>
</div>
<div class="full-width text-left margin-top-md">
<div id="box-nearbyDates"></div>
</div>
// nearby
$('#box-nearbyDates').html('');
var programId = $('#BookSlotForm_programId').val();
var mentorId = $('#BookSlotForm_mentorId').val();
$.ajax({
async: false,
cache: true,
url: baseUrl+'/mentor/api/getAvailableTimeSlotsRecently',
data: { programId:programId, mentorId:mentorId},
}).done(function(json) {
if(json.status == 'success')
{
var htmlNearby = '';
timeSpan = 30*60*1000;
$.each(json.data.slots, function(index, timeslots) {
if(timeslots.length>0) htmlNearby += '<fieldset class="margin-bottom-lg"><legend class="nopadding nearby-date-font">'+moment(index).format('ddd, YYYY-MMM-DD')+'</legend>';
$.each(timeslots, function(indexTimeslot, timeslot){
var hour = timeslot.split(':')[0];
var min = timeslot.split(':')[1];
var newDate = new Date();
newDate.setHours(hour);
newDate.setMinutes(min);
var afterAddition = new Date(newDate.getTime() + $program->length*60000); //Adding 30 mins to the slot
var newHour = afterAddition.getHours() < 10 ? '0'+ afterAddition.getHours():afterAddition.getHours();
var newMin = afterAddition.getMinutes() < 10 ? '0'+ afterAddition.getMinutes(): afterAddition.getMinutes();
htmlNearby += '<a class="btn-timeslot-mentor btn-sm btn-white margin-sm btn-timeslotSuggestion timeslot-font" data-date="'+index+'" data-time="'+timeslot+'">'+timeslot + ' - ' + newHour + ':' + newMin + '</a>';
});
htmlNearby += '</fieldset>';
});
$('#box-nearbyDates').html(htmlNearby);
}
}).always(function(){
});
选择一个时隙：
计划基于导师的可用性，并需获得批准。
检查。。。
格林尼治标准时间
<b>Select a timeslot: </b>
</br>Schedule is based on mentors availability & subject to approval.
<span id="spinner-mentor-checkDate"><small class="text-muted"><i class="fa fa-spinner fa-spin fa-lg fa-fw"></i> Checking...</small></span>
</div>
<div class="hidden">
<div class="col-xs-12 text-left clearfix">
<span id="box-BookSlotForm_date">
<?php echo $form->bsTextField($model, 'date'); ?>
</span>
<span id="box-BookSlotForm_time">
<?php echo $form->bsTextField($model, 'time'); ?>
</span>
<span class="input-group" style="max-width:8em;">
<span class="input-group-addon noborder">GMT</span>
<?php echo $form->bsTextField($model, 'timezone', array('readonly'=>'readonly')) ?>
</span>
</div>
</div>
<div class="full-width text-left margin-top-md">
<div id="box-nearbyDates"></div>
</div>
// nearby
$('#box-nearbyDates').html('');
var programId = $('#BookSlotForm_programId').val();
var mentorId = $('#BookSlotForm_mentorId').val();
$.ajax({
async: false,
cache: true,
url: baseUrl+'/mentor/api/getAvailableTimeSlotsRecently',
data: { programId:programId, mentorId:mentorId},
}).done(function(json) {
if(json.status == 'success')
{
var htmlNearby = '';
timeSpan = 30*60*1000;
$.each(json.data.slots, function(index, timeslots) {
if(timeslots.length>0) htmlNearby += '<fieldset class="margin-bottom-lg"><legend class="nopadding nearby-date-font">'+moment(index).format('ddd, YYYY-MMM-DD')+'</legend>';
$.each(timeslots, function(indexTimeslot, timeslot){
var hour = timeslot.split(':')[0];
var min = timeslot.split(':')[1];
var newDate = new Date();
newDate.setHours(hour);
newDate.setMinutes(min);
var afterAddition = new Date(newDate.getTime() + $program->length*60000); //Adding 30 mins to the slot
var newHour = afterAddition.getHours() < 10 ? '0'+ afterAddition.getHours():afterAddition.getHours();
var newMin = afterAddition.getMinutes() < 10 ? '0'+ afterAddition.getMinutes(): afterAddition.getMinutes();
htmlNearby += '<a class="btn-timeslot-mentor btn-sm btn-white margin-sm btn-timeslotSuggestion timeslot-font" data-date="'+index+'" data-time="'+timeslot+'">'+timeslot + ' - ' + newHour + ':' + newMin + '</a>';
});
htmlNearby += '</fieldset>';
});
$('#box-nearbyDates').html(htmlNearby);
}
}).always(function(){
});
//附近
$（“#日期旁边的方框”）.html（“”）；
var programId=$（'#BookSlotForm_programId'）.val（）；
var-mentorId=$（'#BookSlotForm_-mentorId'）.val（）；
$.ajax({
async:false，
是的，
url:baseUrl+'/mentor/api/getAvailableTimeSlotsRecently'，
数据：{programId:programId，menterid:menterid}，
}).done（函数（json）{
如果（json.status==“成功”）
{
var htmlNearby=''；
时间跨度=30*60*1000；
$.each（json.data.slots、函数（索引、时隙）{
如果（时隙.length>0）htmlNearby+=''+矩（索引）.format（'ddd，YYYY-MMM-DD'）+''；
$.each（时隙，函数（indexTimeslot，时隙）{
var hour=timeslot.split（“：”）[0]；
var min=timeslot.split（“：”）[1]；
var newDate=新日期（）；
newDate.setHours（小时）；
newDate.setMinutes（分钟）；
var afterAddition=newDate（newDate.getTime（）+$program->length*60000）；//向插槽添加30分钟
var newHour=afterAddition.getHours（）<10？'0'+afterAddition.getHours（）：afterAddition.getHours（）；
var newMin=afterAddition.getMinutes（）<10？'0'+afterAddition.getMinutes（）：afterAddition.getMinutes（）；
htmlNearby+=''+时隙+'-'+newHour+'：''+newMin+''；
});
htmlNearby+=''；
});
$（“#框nearbyDates'）.html（htmlNearby）；
}
}).always（函数（）{
});