bootstrap-datepicker：如何使用特定时区？

Question

我创建了一个小程序，使用bootstrap-datepicker选择日期并将其写入MySQL。

问题是这个日期必须是Europe/Berlin的本地日期，无论用户目前在哪里。

$(....).datepicker({ startDate: 'today' });

我的问题是：如何将startDate设置为特定时区的本地 不使用服务器端代码（PHP）或任何其他库 ？

我尝试使用moment + moment-timezone，但它也显示了本地浏览器日期。

var todaysDate = moment().tz('Europe/Berlin').format();
$(...).datepicker({ startDate: todaysDate });

谢谢。

Answer 1

只需要

moment.tz.setDefault("Europe/Berlin");

在此之后，不使用tz()就生成了正确的日期。还要确保格式匹配。

var todaysDate = moment().format('D MMM YYYY');
$(...).datepicker({ format: 'dd M yyyy', startDate: todaysDate });

Answer 2

日期对象将始终位于本地时区（基于浏览器）。

dateObj.getTime()会给你绝对的毫秒数。

http://momentjs.com/是时区转换的绝佳库。

编辑

如何：

 var newYork    = moment.tz("2014-06-01 12:00", "America/New_York");
 var losAngeles = newYork.clone().tz("America/Los_Angeles");
 var london     = newYork.clone().tz("Europe/London");

 newYork.format();    // 2014-06-01T12:00:00-04:00
 losAngeles.format(); // 2014-06-01T09:00:00-07:00
 london.format();     // 2014-06-01T17:00:00+01:00

和

默认情况下，时刻会以本地时间进行分析和显示。

这是他们网站上的确切代码。如果你没有通过America/New_York，只是简单地moment("2014-06-01 12:00")它将获得当地时间。

如果您想知道哪个时区解释，moment().utcOffset()函数将为您提供utcOffset。

请参阅jsFiddle中的演示

Answer 3

也许像this这样的东西可以让你朝着正确的方向前进？

HTML

<div class='input-group date date-time-picker'>
    <input type='text' class="form-control" placeholder="Start Time"/>
    <span class="input-group-addon">
        <i class="glyphicon glyphicon-calendar"></i>
    </span>
</div>

JavaScript的

var options = {
    format: 'mm/dd/yyyy hh:ii',
    autoclose: true
};

$('.date-time-picker').datetimepicker(options).on("changeDate", function (e) {
    var TimeZoned = new Date(e.date.setTime(e.date.getTime() + 
                            (e.date.getTimezoneOffset() * 60000)));
    $(this).datetimepicker('setDate', TimeZoned);
});