Bootstrap datepicker - 現地時間ではなくUTC時間でmaxDateを設定します

Question

私はeonasdan bootstrap-datetimepickerを使用しています。私はUTC時間（時を含む）で仕事をしようとしていますが、maxDateは現地時間を参照しているようです。

例は、に午前10時の時間を制限したい場合に設定します。 datetimepickerに時間の変更を許可するが、UTC時間は午前10:00を超えないようにしたい。私はタイムゾーンが+3であるため、午後13時まで行くことができます。ここで

はフィドルです：http://jsfiddle.net/vvtwq0xm/1/

var dateUTCtime = new Date().toISOString(); 
alert('UTC time = ' + dateUTCtime); 

var opts = { 
    format: "DD-MMM-YYYY HH:mm", 
    stepping: 5, 
    maxDate: dateUTCtime, 
    useCurrent: true, 
    sideBySide: false, 
    showTodayButton: true, 
    widgetPositioning: { 
     'vertical': 'bottom' 
    } 
}; 

$('#datetimepicker1').datetimepicker(); 

私の日付はUTCであるが、MAXTIMEはUTCまでの時間（時間）を尊重していないようです。現在の現地時間まで行くことができます。

とにかくUTCで動作させるには？

ps：理解を深めるためにいくつかの説明を追加しました。私はUTCの日時（時間）を尊重することに興味があります。

Answer 1

バージョン4.17.37フィギュアでdatetimepickerのバージョン4.14.30を使用している間に、タイムゾーンの統合が追加されました（changelogを参照）。

ピッカーをUTCで使用するには、moment-timezoneをインポートに追加し、maxDateをmoment.utc()と設定します。ここで

（最新のピッカーバージョン使用：4.17.42を）：実施例

var opts = { 
 
    format: "DD-MMM-YYYY HH:mm", 
 
    stepping: 5, 
 
    maxDate: moment.utc(), 
 
    useCurrent: true, 
 
    sideBySide: false, 
 
    showTodayButton: true, 
 
    widgetPositioning: { 
 
    'vertical': 'bottom' 
 
    } 
 
}; 
 

 
$('#datetimepicker1').datetimepicker(opts);

<link href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.css" rel="stylesheet"/> 
 
<link href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.42/css/bootstrap-datetimepicker.css" rel="stylesheet"/> 
 

 
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.js"></script> 
 
<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.14.1/moment.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment-timezone/0.5.5/moment-timezone-with-data-2010-2020.min.js"></script> 
 
<script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/js/bootstrap.js"></script> 
 
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.42/js/bootstrap-datetimepicker.min.js"></script> 
 

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