0

日付ピッカーの下に素敵な凡例があり、来月をクリックするまでは問題なく動作します。説明が難しいのでリンクを追加しました。「Prijzen2013」タブをクリックしてから、periodetoevoegenをクリックして日付ピッカーを追加してください。

https://www.huurhulp.nl/wijzigen/wijzigen.php?wijzigen_adv=4&code=321fa6715e552e9bd495753f44b04db8

これは、ジョブを実行する関数です（datepickerのbeforeshow）：

function insertMessage() {
    var legenda = '<div class="legenda"><table cellpadding="0" cellspacing="0" style="font-size:11px;color:silver;"><tr><td>Let op! Overlap in afwijkende prijzen is niet mogelijk.</td><td>Gesloten:&nbsp;&nbsp;</td><td style="background-color:red;width:15px;"></td>'
    legenda = legenda + '<td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Afwijkende prijs:</td><td style="background-color:#00A800;width:15px;"></td></tr></table></div>';
    clearTimeout(insertMessage.timer);
    if ($('#ui-datepicker-div .ui-datepicker-calendar').is(':visible')){
        $('#ui-datepicker-div').append(legenda);
    }
    else {
       insertMessage.timer = setTimeout(insertMessage, 10);
    }
}

私はこれを試しましたが、機能しません：

$('#ui-datepicker-div').delegate('.ui-datepicker-prev, .ui-datepicker-next', 'click', insertMessage);
4

2 に答える 2

2 
function insertMessage(next) {
var legenda = '<div class="legenda"><table cellpadding="0" cellspacing="0" style="font-size:11px;color:silver;"><tr><td>Let op! Overlap in afwijkende prijzen is niet mogelijk.</td><td>Gesloten:&nbsp;&nbsp;</td><td style="background-color:red;width:15px;"></td>';
legenda = legenda + '<td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Afwijkende prijs:</td><td style="background-color:#00A800;width:15px;"></td></tr></table></div>';
clearTimeout(insertMessage.timer);
if ($('#ui-datepicker-div .ui-datepicker-calendar').is(':visible')){
    if (next == 1){
        insertMessage.timer = setTimeout(insertMessage, 10);
    }        
    $('#ui-datepicker-div').append(legenda);
}
else {
   insertMessage.timer = setTimeout(insertMessage, 10);
}

}

于 2013-02-24T13:52:16.270 に答える
1

ここのドキュメントによると、onChangeMonthYear関数はおそらくあなたが必要とするものです。

$('#ui-datepicker-div').datepicker({
  ...
  onChangeMonthYear: function( year, month, inst ) {
    insertMessage();
    },
  }
});

または同様のもの。日付ピッカーが新しい月/年に移動したときに呼び出されます。

于 2013-02-24T10:21:44.423 に答える