2013-07-16 63 views
1

我要禁用日期時間選擇過去的日期在Twitter的引導。例如,用戶不能在本date.i寫代碼日期時間選取的OnRender方法是行不通的

$(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/。就是有沒有方法在這個widget作爲像存在的OnRender在http://www.eyecon.ro/bootstrap-datepicker/可用日期選擇器小部件?

+0

你確定它是'datetimepicker'或'datepicker'? – Praveen

+0

在這個教程中顯示的datepicker不能我們實現相同的datetimepicker? –

+0

沒有叫做'datetimepicker()'的方法。糾正我,如果我錯了。 – Praveen

回答

3

這工作對我來說:

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

這是日期選擇器沒有的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/

沒有functiondatetimepickerhttp://www.eyecon.ro/bootstrap-datepicker/js/bootstrap-datepicker.js

Working fiddle

+0

道歉錯誤的鏈接現在請再次審查問題:D –

相關問題