Bootstrap-calendar timezone issue

时间:2017-04-15 16:10:41

标签: javascript jquery datepicker momentjs bootstrap-datepicker

概述

用户需要在表单字段中选择日期。此表单字段使用bootstrap-datepicker。非常重要的是,今天之前的日期是不可选择的。

代码

var date = new Date();
$('.datepicker').datepicker({
    todayHighlight: true,
    format: 'yyyy-mm-dd',
    startDate: date,
    minDate:   date,
});

问题

现在是15-18:00H。我的时区是巴黎+ 0200H ...如果我将计算机时间改为+10,那么我就是16日04:00H。麻烦的是,日期选择器仍然显示第15个......我需要考虑一下如何计算时区偏移,以便显示第16个。

我也在使用jstz和moment.js

注意未来的自我:

要实现此目的,您需要执行以下操作:

var date      = new Date();
var startDate = moment().utcOffset(-this.date.getTimezoneOffset()).format('YYYY-MM-DD'); // get the users timezone offset
$('.datepicker').datepicker({
    todayHighlight: true,
    format: 'yyyy-mm-dd',
    startDate: startDate, // pass it in
    minDate:   date,
});
$('input[name=start_date]').val(startDate); // set the value of the field

0 个答案:

没有答案