Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/444.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jquery日期/时间选择器问题(时间选择器不是函数)_Javascript_Jquery_Jquery Ui - Fatal编程技术网

Javascript jquery日期/时间选择器问题(时间选择器不是函数)

Javascript jquery日期/时间选择器问题(时间选择器不是函数),javascript,jquery,jquery-ui,Javascript,Jquery,Jquery Ui,用这个 此处演示: 在rails 3.2应用程序上 尝试使用datepair示例 似乎无法理解为什么时间域不起作用 第一个字段的日历会弹出,但不会弹出其他内容 查看代码: %p.datepair{'data-language' => "javascript"} = f.text_field :starttime, :class => 'date start' %span.ui-timepicker-container = f.text_fiel

用这个

此处演示:

在rails 3.2应用程序上

尝试使用datepair示例 似乎无法理解为什么时间域不起作用 第一个字段的日历会弹出,但不会弹出其他内容

查看代码:

  %p.datepair{'data-language' => "javascript"}
    = f.text_field :starttime, :class => 'date start'  
    %span.ui-timepicker-container
      = f.text_field :starttime, :class => 'time start ui-timepicker-input', :autocomplete => "off", :value => "12:15am"  
      %ul.ui-timepicker-list{ :tabindex => "-1", :style => "position: absolute; left: 567.667px; z-index: 2; top: 2246.87px; display: none;" }
        %li 12:00am
        %li 12:15am
        ...
        %li 12:30am
        %li 1:00am
    %span.ui.timepicker-container
      = f.text_field :starttime, :class => 'time start ui-timepicker-input', :autocomplete => "off"  
      %ul.ui-timepicker-list.ui-timepicker-with-duration{ :tabindex => "-1", :style => "position: absolute; left: 674.5px; z-index: 2; top: 2422.87px; display: none;"}
      = f.text_field :starttime, :class => 'date start hasDatePicker'  
在firebug控制台中,我得到:

$this.timepicker is not a function

$this.timepicker(opts);

我猜您的Rails安装没有加载jquery.timepicker.js

datepair.js使用jquery.timepicker.js和来自jquery UI的datepicker(为此,在应用程序.js中使用
/=require jquery UI

这是我在Rails应用程序中的内容:

vendor/assets/javascripts/jquery-timepicker/datepair.js
vendor/assets/javascripts/jquery-timepicker/jquery.timepicker.js
vendor/assets/stylesheets/jquery-timepicker/jquery.timepicker.css
然后在一个.js文件中:

//= require jquery-ui-addresspicker/jquery.ui.addresspicker.js
//= require jquery-timepicker/jquery.timepicker.js
//= require jquery-timepicker/datepair.js
在一个.css文件中:

 *= require jquery-timepicker/jquery.timepicker.css

我已经创建了一个gem来打包这个jQuery插件:

就是它。。赫普·德普。谢谢