【问题标题】:Date Time Picker onRender method is not working日期时间选择器 onRender 方法不起作用
【发布时间】:2013-07-31 00:45:29
【问题描述】:

我想在 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/ 中用于日期选择器小部件的方法??

【问题讨论】:

  • 你确定是datetimepicker还是datepicker
  • 在本教程中它显示了关于 datepicker 我们不能为 datetimepicker 实现相同的功能吗??
  • 没有名为datetimepicker()的方法。如果我错了,请纠正我。

标签: javascript jquery twitter-bootstrap


【解决方案1】:

这对我有用:

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

【讨论】:

    【解决方案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 中没有像 datetimepicker 这样的 function

    Working fiddle

    【讨论】:

    • 现在为错误的链接道歉,请再次查看问题:D
    猜你喜欢
    • 1970-01-01
    • 2016-10-15
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多