Loading [MathJax]/jax/input/TeX/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >用于Rails的SimpleForm和引导程序DateTimepicker

用于Rails的SimpleForm和引导程序DateTimepicker
EN

Stack Overflow用户
提问于 2013-10-10 09:39:50
回答 1查看 3.9K关注 0票数 0

我需要一个日期和时间日历的形式。我找到了gem的datetimepicker-rails,现在我正在尝试像下面这样实现它,但它没有显示任何错误,也不能工作。

步骤1:在Gemfile中添加gem,步骤2:捆绑安装,步骤3:在application.css文件中添加以下行,如下所示:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
 *= require_self
 *= require jquery.ui.all
 *= require bootstrap-datetimepicker
 *= require_tree ./vendor/ 

步骤4:在application.js文件中添加行,如下所示:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
//= require jquery
//= require jquery_ujs
//= require jquery.ui.all
//= require bootstrap-datetimepicker
//= require_tree ./vendor/
//= require_tree ./launchpad/
//= require_tree .

步骤5:我使用以下命令生成了一个输入文件:$ rails generate datetimepicker_rails:install步骤6:我更改了表单,如下所示:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<%= simple_form_for [current_user, @task], html: {class: 'form-vertical', role: "form"} do |f| %>
  <%= f.error_notification %>
  <%= f.input :requested_pickup_dt, as: :datetime_picker %>
  <%= f.button :submit %>
<%end%>

但它没有显示任何错误,也不能工作。请有人帮我解决这个问题。

EN

回答 1

Stack Overflow用户

发布于 2013-10-12 03:44:30

在您的输入放到页面上之后,您可能需要实际调用datetimepicker函数。

你可以把这个放在页面的最下面:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<script type="text/javascript">
    $('.datetimepicker').datetimepicker({});
</script>

或者,您可以使用jQuery ready函数来延迟初始化,直到文档就绪:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
$(function() {
  $('.datetimepicker').datetimepicker({});
});

您需要仔细检查生成的源代码,并确保您的输入在datetimepicker属性中具有类属性。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/19292248

复制
相关文章
Rails MVC 和 CRUD(12)
保存成功就直接显示,如果保存失败,就重绘 new 页面,new 页面中加入了对错误信息的显示
franket
2021/11/25
2600
Rails MVC 和 CRUD(9)
保存数据 修改 create 方法,对提交的数据进行保存 [root@h202 blog]# vim app/controllers/articles_controller.rb [root@h202 blog]# cat app/controllers/articles_controller.rb class ArticlesController < ApplicationController def new end def create # render plain: params
franket
2021/11/25
1940
Rails MVC 和 CRUD(15)
点击 【Destroy】 后会根据我们的定义弹出提示 连续删除几次后所剩无几 目前已经通过 Rails 实现了文章的 新建、显示、列出、更新、删除 操作 ---- 命令汇总 rails server -b 0.0.0.0 rails generate controller welcome index cat app/views/welcome/index.html.erb vim config/routes.rb grep -v " #" config/routes.rb | grep -v
franket
2021/11/25
3530
Rails MVC 和 CRUD(7)
(这里的 /articles 明明对应两个方法,GET、POST ,有点不太明白,为什么这样指定就一定成了POST请求)
franket
2021/11/24
1990
Rails MVC 和 CRUD(2)
MVC 分块设计有助于管理复杂的应用程序,因为可以在一段时间内只用关注一个方面;例如,可以在不依赖业务逻辑的情况下专注于视图设计;同时也让应用程序的测试更加容易;MVC 分层同时也简化了分组开发;不同的开发人员可同时开发视图、控制器逻辑和业务逻辑
franket
2021/11/24
3760
Rails MVC 和 CRUD(5)
创建了一个叫 ArticlesController 的类,继承自 ApplicationController
franket
2021/11/24
3420
Rails MVC 和 CRUD(13)
定义 update 方法,并且添加 edit 链接和 show 链接 [root@h202 blog]# vim app/controllers/articles_controller.rb [root@h202 blog]# cat app/controllers/articles_controller.rb class ArticlesController < ApplicationController def new @article = Article.new end def
franket
2021/11/25
1660
Rails MVC 和 CRUD(3)
要在 Rails 中显示“My first test” 的静态页面,需要新建一个控制器和视图
franket
2021/11/24
7220
Rails MVC 和 CRUD(8)
再次提交一回 ---- 创建模型 Rails 提供了一个生成器用来创建模型 [root@h202 blog]# bin/rails generate model Article title:string text:text Running via Spring preloader in process 13216 invoke active_record create db/migrate/20160422140912_create_articles.rb c
franket
2021/11/25
2600
Rails MVC 和 CRUD(1)
Rails 的相关基础,详细可以参考 官方文档 和 Ruby China 的 Rails 入门
franket
2021/11/24
3500
Rails MVC 和 CRUD(6)
不过,通过查看源码,我们可以看到 action 部分指向的是当前页面 action="/articles/new" , 而这个页面 (Restfull API) 应该是用来进行显示的,而不是进行处理的
franket
2021/11/24
2700
Rails MVC 和 CRUD(10)
再次加载 可以成功显示了 ---- 列出所有文章 [root@h202 blog]# vim app/controllers/articles_controller.rb [root@h202 blog]# cat app/controllers/articles_controller.rb class ArticlesController < ApplicationController def new end def create # render plain: params[:ar
franket
2021/11/25
1860
bootstrap之datetimepicker的使用
        除了引入基本的jquery和bootstrap的js、bootstrap的css外,还需要引入bootstrap-datetimepicker.min.js,还有就是bootstrap-datetimepicker.zh-CN.js,因为要中文化。
克虏伯
2019/04/15
3.5K0
bootstrap之datetimepicker的使用
通过汇编实现引导程序
通电后,主板上BIOS或者UEFI,会加电自检(检查硬件有没错误),加载bootloader(执行程序)到内存 bootloader被写死在磁盘上第一个扇区,启动后被加载到内存的一个固定的位置。BIOS去这个位置执行第一条指令。
lovelife110
2021/01/14
1.2K0
通过汇编实现引导程序
Rails布局和视图渲染
基于“多约定,少配置”原则,在 index 动作末尾并没有指定要渲染的视图,Rails会自动在控制器的视图文件夹中寻找 action_name.html.erb 模板,然后渲染。这里渲染的就是 app/views/books/index.html.erb
用户1515472
2019/07/24
3.4K0
Rails MVC 和 CRUD(4)
结果展示了当前的一系列 Restfull API 与 Controller#Action 的对应关系
franket
2021/11/24
4100
Rails MVC 和 CRUD(11)
列表页面多出来两个链接,点击 【New article】 成功跳转到了添加页面,随便输入点什么,提交 自动跳转到了显示页面,点击【Back】 跳转回了所有列表页面 Tip: 之所以每做一次修改都能直接生效,是因为在开发模式下(默认),每次请求 Rails 都会自动重新加载程序,因此修改之后无需重启服务器 ---- 数据验证 我们常常有对输入进行校验的需求,以避免接受到了无效或不合规范的数据 [root@h202 blog]# vim app/models/article.rb [root@h
franket
2021/11/25
2730
Rails MVC 和 CRUD(14)
删除文章 在 controllers 中定义 destory 方法 然后在 index 视图中加入 Destroy 链接 [root@h202 blog]# vim app/controllers/articles_controller.rb [root@h202 blog]# cat app/controllers/articles_controller.rb class ArticlesController < ApplicationController def new @article
franket
2021/11/25
2180
Golang源码分析 | 程序引导过程
可以看到程序的Entry point为 0x45cd80, 对应分段的地址范围,可以算出来程序0x45cd80在.text段。添加断点,可以看到 Entry point: 0x45cd80 对应的内容
windealli
2023/10/13
2290
Golang源码分析 | 程序引导过程
点击加载更多

相似问题

dateTimePicker UTC引导程序

11

定义SimpleForm和rails的操作

21

用于法语的引导-datetimepicker.js

12

更改引导程序DateTimePicker的语言

1075

为SimpleForm和引导DateTime选取器指定Rails中的数据格式

12
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文