渲染glDatePicker以动态更改日期

时间:2015-04-22 07:23:06

标签: javascript jquery

我正在使用glDatePicker插件。

要更改动态选择的日期,请调用以下代码,其中 dateDepartureVar glDatePicker对象的构造函数。

dateDepartureVar.options.selectedDate = new Date(2015, 9, 18);
dateDepartureVar.render();

此代码会更改selectedDate但是,当日历再次打开时,它不会在selectedDate上打开,它会在之前停止的任何地方打开。

我需要日历才能在selectedDate上完全打开。我错过了什么?

2 个答案:

答案 0 :(得分:0)

初始化时,请确认您已正确获取日期选择器的实例。这是官方文档中的摘录(略有编辑):

  

附加输入时,可以将true传递给glDatePicker构造函数的第二次调用,以获取返回的glDatePicker实例。你也可以在选择链接时执行此操作:

// Doing it in a single pass
var dateDepartureVar = $('#example1').glDatePicker(
{
  showAlways: true,
  selectableDOW: [0, 2, 3]
}).glDatePicker(true);  //Pass true here

更多信息here(官方文档)

答案 1 :(得分:0)

这对我有用。

诀窍也是firstDate。

$('select[name="monthSelect"]').change(function() {
    let newDate = new Date((new Date()).getFullYear(), parseInt($(this).val())-1, 1);

    $.extend(calendar.options, {
        selectedDate: newDate,
        firstDate: newDate
    });
    calendar.render();
});