bootstrap-datepicker:如何使用特定时区?

时间:2015-11-25 13:41:12

标签: javascript jquery momentjs bootstrap-datepicker

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

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

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

我的问题是:如何在不使用服务器端代码(PHP)或任何其他库的情况下将startDate设置为特定时区的本地?

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

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

感谢。

3 个答案:

答案 0 :(得分:6)

只是需要

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

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

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

答案 1 :(得分: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

中的演示

答案 2 :(得分:1)

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);
});