Question

我正在使用foundation datepicker，我正在尝试停用日期。我能够禁用一个字段的日期，其中日期从一周前禁用，但我无法禁用从现在到将来的日期：

onRender: function (date) {
   return date.valueOf() > date.valueOf() ? 'disabled' : '';
}

这是完整的代码：

var date = new Date();
var weekBack = new Date(new Date(date).setDate(date.getDate() - 7));

$('#datePicker').fdatepicker({
    closeButton: false,
    initialDate: weekBack,
    format: 'dd.mm.yyyy',
    onRender: function (date) {
        return date.valueOf() > weekBack.valueOf() ? 'disabled' : '';
      },
    }).on('changeDate', function (ev) {
           var dateFrom = $("#datePicker").val().split(".").reverse().join("-");
           var dateTo = $("#datePicker1").val().split(".").reverse().join("-");
           timelines(dateFrom, dateTo);
           barCharts(dateFrom, dateTo);
  });

  $('#datePicker1').fdatepicker({
      closeButton: false,
      initialDate: date,
      format: 'dd.mm.yyyy',
      onRender: function (date) {
        return date.valueOf() > date.valueOf() ? 'disabled' : '';
      },
    }).on('changeDate', function (ev) {
           var dateFrom = $("#datePicker").val().split(".").reverse().join("-");
           var dateTo = $("#datePicker1").val().split(".").reverse().join("-");
           timelines(dateFrom, dateTo);
           barCharts(dateFrom, dateTo);
  });

Answer 1

您只需将endDate设置如下：

＆＃13;

var now = new Date();    
$("#birthday").fdatepicker({
                format: "dd M yyyy",
                endDate: now
            });

＆＃13;

相反，如果要禁用过去几天，请设置startDate：

＆＃13;

var now = new Date();
$("#checkin").fdatepicker({
                format: "dd M yyyy",
                startDate: now
            });

＆＃13;

希望这有用！

Answer 2

可以帮到你吗？

http://jsfiddle.net/D9C4F/

http://foundation.zurb.com/forum/posts/39753-foundation-datepicker-select-end-date

还有那个？

http://app.thewatchenthusiast.com/themes/base/bower_components/foundation-datepicker/example.html

基金会日期选择器 - 禁用未来日期

2 个答案: