Question

我将这个日期选择器用于我的项目。我知道在更改日期值时如何使用脚本。但是我不知道如何在页面加载时使用它。

$('.date_set .date').datepicker({
    startView           : 0,        
    forceParse          : false,
    autoclose           : true,
    startDate           : besok,
    format              : "dd/mm/yyyy",
    daysOfWeekDisabled  : [0,6]
}).on('changeDate', function(selected){
    var minDate = new Date(selected.date.valueOf());
    alert($(this).val());
});

我尝试使用'changeDate,load'，但仍未启动alert。

Answer 1

您可以使用：

$('.date_set .date').datepicker({
    startView           : 0,        
    forceParse          : false,
    autoclose           : true,
    startDate           : besok,
    format              : "dd/mm/yyyy",
    daysOfWeekDisabled  : [0,6]
}).on('changeDate', function(selected){
    var minDate = new Date(selected.date.valueOf());
    alert($(this).val());
}).trigger('changeDate');

Answer 2

您可以像@font-face { font-family: 'Font-Name'; src: url('../fonts/Font-Name.eot?#iefix') format('embedded-opentype'), url('../fonts/Font-Name.ttf') format('truetype'); }一样使用.show method随时打开日期选择器。 ;

$('.date').datepicker("show")

$(document).ready(function() {

  $('.date').datepicker({
    startView: 0,
    forceParse: false,
    autoclose: true,
    startDate: null,
    format: "dd/mm/yyyy",
    daysOfWeekDisabled: [0, 6]
  }).on('changeDate', function(selected) {
    var minDate = new Date(selected.date.valueOf());
  });


  // Show the datepicker
  $('.date').datepicker("show");
});

Answer 3

还有一个选择是：$("#datepicker").focus();并将其放在脚本之前（如果它是同步加载的话）

$( document ).ready(function() {
    $("#datepicker").focus();
})

Answer 4

startDate : besok,似乎是问题所在。删除此行或将其更改为与format

匹配的字符串

jsFiddle

如何在`onLoad`事件上激活这个日期选择器？

4 个答案: