首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >日期选择器未显示正确的字段

日期选择器未显示正确的字段
EN

Stack Overflow用户
提问于 2013-09-24 17:38:06
回答 1查看 360关注 0票数 0

我使用的是Rails版本3.2和Ruby 1.9.3

我正在尝试在form_tag中创建一个日期选择器字段。在我的GemFile中,我添加了gem 'jquery-rails',gem 'jquery-ui-rails‘和gem 'jquery_datepicker’。在rails控制台中,我使用了以下命令: rails generate jquery:install --ui

Application.js看起来像这样:

代码语言:javascript
运行
复制
 // This is a manifest file that'll be compiled into application.js, which will include all the files
    // listed below.
    //
    // Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
    // or vendor/assets/javascripts of plugins, if any, can be referenced here using a relative path.
    //
    // It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
    // the compiled file.
    //
    // WARNING: THE FIRST BLANK LINE MARKS THE END OF WHAT'S TO BE PROCESSED, ANY BLANK LINE SHOULD
    // GO AFTER THE REQUIRES BELOW.
    //
    //= require jquery
    //= require jquery_ujs
    //= require jquery_ui.all
    //= require_tree .

$(function() {
    $(".datepicker" ).datepicker({dateFormat: "yy/mm/dd"});
});

Application.css:

代码语言:javascript
运行
复制
    /*
     * This is a manifest file that'll be compiled into application.css, which will include all the files
     * listed below.
     *
     * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
     * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
     *
     * You're free to add application-wide styles to this file and they'll appear at the top of the
     * compiled file, but it's generally better to create a new file per style scope.
     *
     *= require_self
     *= require_tree .
     *= require_jquery.ui.all
    */

And in the view:

<%= form_tag url: {action: 'do_something'} do |f| %>
        <%= text_field_tag :birth_date, '', :class => "datepicker" %>
        <%= submit_tag "Do something man!"%>
        <% end %>

form_tag的datepicker函数的正确调用是什么?

Update1:在铬浏览器中,调试$(".datepicker")返回null。已编辑我的文件(感谢Sagar.Patil)

FinalUpdate:关于这个问题,我还没有找到解决方案。尝试并成功地使用bootstrap-datepicker。

EN

Stack Overflow用户

发布于 2013-09-24 18:19:12

进行此更改application.js

代码语言:javascript
运行
复制
//= require jquery.ui.all
$(function() {
    $(".datepicker" ).datepicker({dateFormat: "yy/mm/dd"});
});

application.cs

代码语言:javascript
运行
复制
 *= require jquery.ui.all

查看文件

代码语言:javascript
运行
复制
<%= text_field_tag :birth_date,'', :class => "datepicker" %>
票数 0
EN
查看全部 1 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/18977948

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档