1

我想在 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' : '';
          }     
     });
});

但是所有日期都在渲染。我在翡翠引擎中编写了html模板代码，但是日期选择器可以完美渲染但是没有日期被禁用我正在关注本教程

http://tarruda.github.io/bootstrap-datetimepicker/。在此小部件中是否存在类似 onRender 的方法，可在http://www.eyecon.ro/bootstrap-datepicker/ 中找到日期选择器小部件？

4

2 回答 2

3

这对我有用：

  var now=new Date();
  $('#datetimepicker').datetimepicker({
    language: 'en-US',
    startDate: now
  });
于 2013-07-30T16:45:29.817 回答
0

它是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

工作小提琴

于 2013-07-16T06:52:23.117 回答