的DateTimePicker插件選擇選擇特定的時間

我使用的DateTimePicker plugin.I我得到一個奇怪的錯誤一小時後回來。每當我從下拉菜單中選擇時間時，插件會在選定時間的前一小時選擇。無法弄清楚爲什麼會這樣的DateTimePicker插件選擇選擇特定的時間

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
\t <title> Date Time Picker </title> 
 
\t <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.4/build/jquery.datetimepicker.min.css" /> 
 
</head> 
 
<body> 
 

 
    <input type="text" value="2:00 PM" id="timepicker" /> 
 

 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
 
\t <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.4/build/jquery.datetimepicker.full.min.js" ></script> 
 
    <script> 
 
     $('#timepicker').datetimepicker({ 
 
      datepicker: false, 
 
      step:30, 
 
      format:'g:i A' 
 
     }); 
 
    </script> 
 
</body> 
 
</html>

我得到這個職位是更改摹格式選項，資本摹的答案。但是當我改變了這樣的裝置12小時制已改爲24小時format.I想把它保留12小時格式和解決這個問題

來源

2017-07-03 codegeek

只要改變格式克：ⅰA至H：I A：

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
\t <title> Date Time Picker </title> 
 
\t <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.4/build/jquery.datetimepicker.min.css" /> 
 
</head> 
 
<body> 
 

 
    <input type="text" value="2:00 AM" id="timepicker" /> 
 

 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
 
\t <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.4/build/jquery.datetimepicker.full.min.js" ></script> 
 
    <script> 
 
     $('#timepicker').datetimepicker({ 
 
      datepicker: false, 
 
      step:30, 
 
      format:'H:i A' 
 
     }); 
 
     $('#timepicker').change(function(){ 
 
      $(this).val($(this).val().replace(/^0+/, '')); 
 
     }); 
 
    </script> 
 
</body> 
 
</html>

來源

2017-07-03 09:06:42

嗨@Govind我已經改變，因爲你所提到的，但時間格式已經由12小時格式改爲24小時format.please看看更新的問題 – codegeek

嘗試現在我已經更新了我回答@codegeek –

嗨@Govind感謝很快response.please更改值2:00 AM至2:00 PM.in它不是這種情況似乎與的DateTimePicker做工精細 – codegeek

通常使用日期和時間，用+ -1小時差異工作時/日等必須與時區差異。 1.如果插件有時區配置參數。 2.通過添加1小時來自行考慮時區偏移。

請參見：How to avoid time zone issues with JQuery datepicker

來源

2017-07-03 08:43:17

這是因爲你使用的是無效format。只需使用format:'H:i A'代替format:'g:i A'

$('#timepicker').datetimepicker({ 
 
    datepicker: false, 
 
    step: 30, 
 
    format:'H:i A' 
 
});

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.4/build/jquery.datetimepicker.min.css" /> 
 

 
<input type="text" value="2:00 AM" id="timepicker" /> 
 

 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.4/build/jquery.datetimepicker.full.min.js"></script>

來源

2017-07-03 08:54:41

使用ģ資本：

$('#timepicker').datetimepicker({ 
     datepicker: false, 
     step: 30, 
     format:'G:i A' 
    });

JSFiddle test

來源

2017-07-03 09:01:18

的DateTimePicker插件選擇選擇特定的時間

回答

相關問題