使用jQuery UI datepicker选择特定位置的日期

时间:2014-09-11 10:10:46

标签: jquery jquery-ui date datepicker

我想使用jQueryUI datepicker的方式与您从伦敦机场预订航班时使用的方式相同。

我的意思是,无论时区如何,选择都应该显示相同的日期。

从服务器发送minDate / maxDate(以及该范围内的不可用日期)。但是,当您尝试使用这些时,如果您更改计算机的时区,日期选择器会呈现不同的可用日期。

var serverData = {
    minDate: '2014-09-04T00:00:00Z',
    maxDate: '2014-09-06T00:00:00Z'
};


$( "#datepicker" ).datepicker({
    inline: true,
    minDate: moment(serverData.minDate).toDate(),
    maxDate: moment(serverData.maxDate).toDate()
});

JSFiddle: http://jsfiddle.net/kmgkLyyx/(尝试在频谱的两端使用伦敦 - UTC + 1与时区)

我如何只渲染一组可用日期(基于来自服务器的这些数据)而不是根据您的语言环境跳转(即我如何制作它&#34;时间不可知和#34;)< / p>

1 个答案:

答案 0 :(得分:1)

在将日期字符串传递给片刻之前删除时间。

var serverData = {
    minDate: '2014-09-04T00:00:00Z',
    maxDate: '2014-09-06T00:00:00Z'
};


$( "#datepicker" ).datepicker({
    inline: true,
    minDate: moment(serverData.minDate.substring(0,10)).toDate(),
    maxDate: moment(serverData.maxDate.substring(0,10)).toDate()
});