javascript - JQUERY 日期选择器将自定义图像添加到特定日期框

Question

我有一个日期选择器实例，我可以突出显示和禁用特定日期范围:

//
$(document).ready(function(){

  $(function(){

      var date1 = new Date;
      date1.setHours(0, 0, 0, 0);
      date1.setDate(10);
      var date2 = new Date;
      date2.setHours(0, 0, 0, 0);
      date2.setDate(23);

     $("#Reservations_stand_alone_calendar").datepicker({
       changeMonth: true,
       showButtonPanel: false,
       showOtherMonths: true,
       //disabled: true,


       beforeShowDay: function(date){
           return [date.getDay() < 4, date >= date1 && date <= date2 ? "dp-highlight" : ""];
       }

      });

   });
});

---

上面的方法可以很好地突出显示和禁用日期范围。

现在，我还想将图像添加到特定的日历日期框 View 。我不确定我该怎么做。像什么？:

---

beforeShowDay: function(date){

     return [date.getDay() < 4, date >= date1 && date <= date2 ? "dp-highlight" : ""];
     // Add image to 21st day??
     if(date ==  21){
       document.getElementById(date).innerHTML += "www.somesitesomewhere.com/Myimage.jpg";??? 
     }

}

---

我不确定如何访问特定的日期框并在那里添加图像

感谢您的帮助。

Answer 1

你可以做这样的事情来显示图像:

$(function() {
  $( "#datepicker" ).datepicker({
    showOn: "button",
    buttonImage: "http://jqueryui.com/resources/demos/datepicker/images/calendar.gif",
    buttonImageOnly: true
  });
});

您还想引用您希望定位的日期选择器的类/ID。您可能希望在背景中为各种日期选择器显示不同的图像。