Question

我想在twitter-bootstrap中禁用日期时间选择器中的过去日期。例如，用户无法在当前日期之前选择日期。我写代码

$(function() {
     var now = new Date();
     console.log('date is',now);
     $('#datetimepicker1').datetimepicker({
          language: 'en-US' ,
          onRender: function(date) {
             return date.valueOf() < now.valueOf() ? 'disabled' : '';
          }
     });

     $('#datetimepicker2').datetimepicker({
          language: 'en-US' ,
          onRender: function(date) {
             return date.valueOf() < now.valueOf() ? 'disabled' : '';
          }     
     });
});

但所有日期都在渲染。我在jade引擎中编写html模板代码，但是日期选择器渲染完美，但没有日期禁用我正在遵循本教程

http://tarruda.github.io/bootstrap-datetimepicker/。这个小部件中是否存在类似onRender的方法，如http://www.eyecon.ro/bootstrap-datepicker/中提供的datepicker小部件？

Answer 1

这对我有用：

  var now=new Date();
  $('#datetimepicker').datetimepicker({
    language: 'en-US',
    startDate: now
  });

Answer 2

datepicker 不是 datetimepicker ，试试吧，

$(function() {
     var now = new Date();
     console.log('date is',now);
     $('#datetimepicker1').datepicker({
          language: 'en-US' ,
          onRender: function(date) {
             return date.valueOf() < now.valueOf() ? 'disabled' : '';
          }
     });

     $('#datetimepicker2').datepicker({
          language: 'en-US' ,
          onRender: function(date) {
             return date.valueOf() < now.valueOf() ? 'disabled' : '';
          }     
     });
});

再次阅读http://www.eyecon.ro/bootstrap-datepicker/

http://www.eyecon.ro/bootstrap-datepicker/js/bootstrap-datepicker.js

中没有function datetimepicker

Working fiddle

日期时间选择器onRender方法不起作用

2 个答案: