javascript - Ruby on Rails Javascript 在开发/生产方面有所不同

Question

我对 gem“jquery-datepicker”有疑问。我在 application.js 中的代码如下所示:

    //= require highcharts/highcharts.js
    //= require highcharts/highcharts-more.js
    //= require highcharts/highstock.js
    //= require highcharts/modules/exporting.js
    //= require jquery
    //= require jquery_ujs
    //= require jquery.ui.datepicker
    //= require_tree .
    //= require_self
    $(function() {
      $( ".datepicker_von" ).datepicker({·
        dateFormat: "dd.mm.yy",
        minDate: (new Date(2014,2,5)),  
        maxDate: 0,
        showAnim: "slideDown",
        changeMonth: true,
        changeYear: true,
        showOtherMonths: true,·
        selectOtherMonths: true,
      });                      
      $( ".datepicker_bis" ).datepicker({·
        dateFormat: "dd.mm.yy",
        minDate: (new Date(2014,2,5)),  
        maxDate: 0,            
        showAnim: "slideDown", 
        changeMonth: true,     
        changeYear: true,      
        showOtherMonths: true,·
        selectOtherMonths: true,
      });                      
    })

在开发环境中也会出现日期选择器，但在生产环境中不会出现。现在，当我将 application.js 的//= require_self 更改为开头时:

    //= require_self
    //= require highcharts/highcharts.js
    //= require highcharts/highcharts-more.js
    //= require highcharts/highstock.js
    //= require highcharts/modules/exporting.js
    //= require jquery
    //= require jquery_ujs
    //= require jquery.ui.datepicker
    //= require_tree .

它适用于生产环境，但不适用于开发环境。我很绝望，需要帮助。

提前致谢，抱歉我的英语不好。

问候!

Answer 1

首先将(jquery 和jquery_ujs)移动到 list 文件的顶部

并为 js datetimepicker 添加 document ready

$( document ).ready(function() {
  $( ".datepicker_von" ).datepicker({·
        dateFormat: "dd.mm.yy",
        minDate: (new Date(2014,2,5)),  
        maxDate: 0,
        showAnim: "slideDown",
        changeMonth: true,
        changeYear: true,
        showOtherMonths: true,·
        selectOtherMonths: true,
      });
});