通过jquery更改Google日历插件中的日期

时间:2018-09-10 11:33:01

标签: jquery datepicker google-calendar-api

我有一个页面,该页面使用Google提供的以下插件作为日历: https://calendar.google.com/calendar/embedhelper (只需从您的任何Google帐户登录即可查看插件) google calendar plugin

现在我有一些用于年份和月份的全局过滤器,它们也应该触发此插件中的日期更改。

<select class="filt" id="monthfilter" style="border: 0px;background-color: #f3f8fb;color:#00aeef;">
    <option value="all" style="color:#001919;">All Months</option>
    <option value=71284 style="color:#001919;">January</option>
    <option value=71277 style="color:#001919;">February</option>
    <option value=71276 style="color:#001919;">March</option>
    <option value=71281 style="color:#001919;">April</option>
    <option value=71275 style="color:#001919;">May</option>
    <option value=71273 style="color:#001919;">June</option>
    <option value=71278 style="color:#001919;">July</option>
    <option value=71282 style="color:#001919;">August</option>
    <option value=71283 style="color:#001919;">September</option>
    <option value=71279 style="color:#001919;">October</option>
    <option value=71274 style="color:#001919;">November</option>
    <option value=71280 style="color:#001919;">December</option>
</select>
<br>
<br>
<div id="chart88">
<iframe src="https://calendar.google.com/calendar/embed?height=500&amp;wkst=1&amp;bgcolor=%23FFFFFF&amp;src=en.indian%23holiday%40group.v.calendar.google.com&amp;color=%23125A12&amp;ctz=Asia%2FCalcutta" style="border-width:0" width="700" height="500" frameborder="0" scrolling="no"></iframe>
</div>

这就是我需要的:

$('#monthfilter').on('change', function() {
    // change the month in calendar as well
});

我怎么知道从该插件的日期选择器中选择某个日期时触发的功能?

这是相同的小提琴: https://jsfiddle.net/w378afpy/10/

0 个答案:

没有答案