Bootstrap Datepicker从属性开始

时间:2012-04-21 21:08:28

标签: jquery asp.net-mvc-3 twitter-bootstrap datepicker

我知道您可以在配置设置中初始化日期选择器时设置startdate。我没有找到在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" })

有人能提出正确的建议吗?

这对我来说很有用,现在很酷,它会在12-04-2012之前的任何内容上添加一个禁用的CSS课程。

1 个答案:

答案 0 :(得分:2)

您需要使用.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);  
});