Я использую bootstrap datepicker вместе с строкой highchart.
Я хочу, чтобы дата datepicker обновлялась, когда диаграмма была увеличена. Когда это событие запускается, я обновляю значения параметра datepicker. Значения обновляются отлично, но когда клик нажимается, дата во всплывающем календаре по-прежнему остается старой.
Вот мой датпикер:
<div class="input-append date pull-right" id="dpStartDate" data-date="@DateTime.Now.AddMonths(-1).ToString("dd/MM/yyyy")" data-date-format="dd/mm/yyyy">
<input class="span2" id="startDateText" size="16" type="text" value="@DateTime.Now.AddMonths(-1).ToString("dd/MM/yyyy")" readonly="">
<span class="add-on"><i class="icon-th"></i></span>
</div>
Я попытался просто обновить значения с помощью этого кода:
$('#dpStartDate').attr('data-date', startDate);
$('#startDateText').attr('value', startDate);
который обновляет даты, но не устанавливает календарь.
Я также попытался запустить событие onChange, которое также обновляет даты, но не календарь:
$('#dpStartDate').trigger('changeDate', startDate);
$('#dpStartDate').datepicker()
.on('show', function (ev) {
ev.stopPropagation();
})
.on('changeDate', function (ev, date) {
var startDate = new Date();
if (date != undefined) {
startDate = date;
$('#dpStartDate').attr('data-date', startDate);
$('#startDateText').attr('value', startDate);
}
else {
startDate = ev.date;
$('#dpStartDate').attr(startDate.getDate() + '/' + (startDate.getMonth() + 1) + '/' + startDate.getFullYear());
$('#startDateText').attr(startDate.getDate() + '/' + (startDate.getMonth() + 1) + '/' + startDate.getFullYear());
}
$('#dpStartDate').datepicker('hide');
ev.stopPropagation();
});
Кто-нибудь знает, возможно ли даже обновить этот календарь?
Спасибо