Question

此脚本用于加载日期到div onclick，我想在div onload中显示日期这个脚本用于加载日期到div onclick，我想在div onload

中显示日期

 <input id="datepicker2">
    <div id="date">
      <div id="day-number">
      </div>
      <div id="day-month">
        <div id="day-name">
        </div>
        <div id="month">
        </div>
      </div>
    </div>    

 var days = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
     var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'nov', 'Dec'];
     $(function() {
       $("#datepicker2").datepicker({
         dateFormat: "dd-mm-yy",
         onSelect: function(dateText) {
           var dateObj = $(this).datepicker('getDate');
           $('#day-name').html(days[dateObj.getDay()]);

           var dayNo = dateObj.getDate();

           if (dayNo.length == 1)
             $('#day-number').html('0' + dayNo);
           else
             $('#day-number').html(dayNo);
           $('#month').html(months[dateObj.getMonth()]);

         }
       }).datepicker("setDate", "0");

       $('#date').on("click", function() {
         $('#datepicker2').datepicker('show');
       });

Answer 1

调用文档中的函数准备就绪。

$(document).ready(function(){
        $('#datepicker2').datepicker('show');
     });

只有在加载文档中定义的元素后才会触发此调用。如果你想进一步推迟它，请在window.onload

中调用它

function loadDatePicker() {
            $('#datepicker2').datepicker('show');
        }
        window.onload = loadDatePicker;

或者，如果你想通过递归来做，即等到div加载并触发它，试试这个： -

jQuery(document).ready(function() {
  checkContainer();
});

function checkContainer () {
  if($('#datepicker2').is(':visible'))){ //if the container is visible on the page
   $('#datepicker2').datepicker('show');
  } else {
    setTimeout(checkContainer, 100); //wait 100 ms, then try again
  }
}

希望这会有所帮助，快乐的编码：）

Answer 2

您的意思是，您的div应直接填写datepicker的日期？

var days = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'nov', 'Dec'];

function showDate(value) {
  $('#day-name').html(days[value.getDay()]);
  var dayNo = value.getDate();
  if (dayNo.toString().length == 1)
    $('#day-number').html('0' + dayNo);
  else
    $('#day-number').html(dayNo);
  $('#month').html(months[value.getMonth()]);
}

$("#datepicker2").datepicker({
  dateFormat: "dd-mm-yy",
  onSelect: function(dateText) {
    var dateObj = $("#datepicker2").datepicker('getDate');
    showDate(dateObj);
  }
}).datepicker("setDate", "0");

showDate($("#datepicker2").datepicker('getDate'));

这是一个小提琴：http://jsfiddle.net/jd68tg4x/2/ - 注意JavaScript LOAD TYPE是＆＃34; onLoad ＆＃34;。

您甚至不需要onclick处理程序，它已由datepicker本身处理。

如何在onload中显示jquery datepicker日期到div

2 个答案: