jquery - Bootstrap Datepicker 来自属性的开始日期

Question

我知道您可以在配置设置中初始化日期选择器时设置开始日期。我还没有找到在 html 输入中添加属性来执行此操作的方法。

我解决这个问题的方法是这样的。

$('.date-picker').each(function () {
    if($(this).attr("startdate") !== undefined) {
        $(this).datepicker({ format: "dd/mm/yyyy", weekStart: 0, autoclose: true, startDate: $(this).attr("startdate") });
    }
    else {
        $(this).datepicker({ format: "dd/mm/yyyy", weekStart: 0, autoclose: true });
    }
});

我用 Razor 写出以下内容

@Html.TextBoxFor(model => model.SomeDate, new { @class = "date-picker", @data_date = "12-02-2012", @startdate = "12-04-2012" })

有人能提出正确的方法吗？

这对我来说很酷，现在它在 2012 年 12 月 4 日之前的任何内容上添加了一个禁用的 css 类。

Answer 1

您需要使用.data()而不是.attr()

<input type="text" class="date_picker" data-start-date="2012-01-01">

然后

$('.date-picker').each(function () {
  var config = { format: "dd/mm/yyyy", weekStart: 0, autoclose: true  };
  if ($(this).data("startDate") != undefined) {
    config.startDate = $(this).data("startDate");
  }
  $(this).datepicker(config);  
});