Question

我有一个网页，带有日历引导数据贴纸（嵌入式/内联），我想在每天的单元格（td）中引入html代码，例如，一个列表（<ul><li>1</li></ul>），我有使用，事件javascript onRender()，但我不知道是这样做的吗？

HTML

<div class="col-md-7">
    <div class="table-responsive">
        <div id="datepicker" data-date="10/02/2015"></div>
    </div>
    <input type="hidden" id="my_hidden_input">
</div>

JS

$("#datepicker").datepicker({
    onRender: function (date) {
        //here i need, is to add a ul list to the table cell column (the cell with class "day")
        //return date.valueOf() > now.valueOf() ? 'disabled' : '';
    }
}).on("changeDate", function() {
    $("#my_hidden_input").val(
        $("#datepicker").datepicker('getFormattedDate')
    );
}).data('datepicker');

在第一时间，已将此代码添加到插件中：

html.push('<td class="'+clsName.join(' ')+'"' + (tooltip ? ' title="'+tooltip+'"' : '') + '>'
 + '<ul class="icons-calen"><li><img src="img/ico_calen_min_1.png" /></li><li><img src="img/ico_calen_min_2.png" /></li><li><img src="img/ico_calen_min_3.png" /></li><li><img src="img/ico_calen_min_4.png" /></li><li><img src="img/ico_calen_min_5.png" /></li></ul>'
 + '<ul class="numbers-calen"><li>2</li><li>3</li><li>1</li><li>1</li><li>1</li></ul>'
 + '<ul class="day-calen"><li>' + prevMonth.getUTCDate() + '</li></ul>'
 + '</td>');

但是，我知道，这不是最好的方式，我需要参加onRender活动，会怎样？

$("#datepicker").datepicker()
    .onRender(function (date) {
        alert("Insert html in cells table");
    })
    .on("changeDate", function() {
        $("#my_hidden_input").val(
            $("#datepicker").datepicker('getFormattedDate')
        );
});

谢谢，

Bootstrap Datapicker - 使用事件onRender

0 个答案: