Попытка вставить некоторый HTML-код в div jQuery datepicker - PullRequest
Новая
       8

Попытка вставить некоторый HTML-код в div jQuery datepicker

0 голосов
/ 10 октября 2018

Я пытаюсь динамически вставить html-код внутри jQuery ui datepicker, содержащий div, используя append, но просто не могу заставить его работать.

Вот что я получил до сих пор: 

$("#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>

1 Ответ

0 голосов
/ 10 октября 2018

Кажется, вам нужно подождать, пока содержимое средства выбора даты не будет вставлено в поле, чтобы вы могли использовать 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">
...