尝试在 jQuery 日期选择器 div 中插入一些 HTML

Question

我正在尝试动态插入一些 html 到 jQuery ui 日期选择器中，其中包含 div 使用追加但无法让它工作。

这是我目前得到的：

$("#dt1").datepicker({
    beforeShow:function(textbox, instance){
        $("#ui-datepicker-div").append("<b>Appended text</b>");
    }
});

正在尝试使其正常工作，以便预览如下：

<div id="ui-datepicker-div" class="ui-datepicker">
    <b>Appended text</b>

Answer 1

看来您需要等到日期选择器的内容插入框中，才能使用setTimeout()来完成这项工作。

$("#dt1").datepicker({
  beforeShow:function(){
    setTimeout(function(){
      $("#ui-datepicker-div").append("<b>Appended text</b>"); 
    }, 10);
  }
});

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<input type="text" id="dt1">

尝试在 jQuery 日期选择器 div 中插入一些 HTML

Trying to insert some HTML inside jQuery datepicker div

html

jquery

jquery-ui-datepicker