传统方法见:http://www.cnblogs.com/chentianwei/p/9369904.html

⚠️: 两个方法最后都要有controller中的类似before_action :set_time_zone来给当前浏览器分配时区。

实时方法,根据user的时区设置:

  1. rails new -m template.rb timezone 使用模版,名字用timezone
  2. yarn add jstz   #一个javascrit timezone library 可以自动侦测和设置用户的time zone。
  3. rails g migration AddTimeZoneToUsers time_zone
  4. rails db:migrate
  5. atom.后打开javascript/packs/application.js(已经安装使用webpacker)
  6. 输入import jstz from 'jstz'
    1. import jstz from 'jstz'
    2. const timezone = jstz.determine()
    3. console.log(timezone.name())
  7. app/views/shared/_head.html.erb
  8. 修改第8行,改为 javascript_pack_tag方法。
  9. 在user注册页,f.time_zone_select :time_zone选项,通过它可以在inspect上看到时区的选择。
  10. 在javascript/packs/application.js设置cookie:

创建函数--设置一个Cookie:

function setCookie(name, value) {

var expires = new Date()

expires.setTime(expires.getTime() +  (24*60*60*1000))  #1000天后到期

document.cookie= name + ''=" + value + ';expires=' + expires.toUTCString()

}

使用这个函数:

setCookie("timezone", timezone.name())

解析这些都是JavaScript的用法,create, Read a Cookie with JavaScript:

var x = document.cookie      获得当前document的关联的cookies。

document.cookie = newCookie 设置新的Cookie。

例子:

document.cookie= "username=John Doe;   expires=Thu, 18 Dec 2013 12:00:00 UTC;   path=/";

扩展--JavaScript Cookies:

https://www.w3schools.com/js/js_cookies.asp

  

  12. 在Application.rb中 Controller中定义一个方法 bowser_time_zone

def browser_time_zone

#根据cookies来找到对应的时区,如果没有则使用Time.zone作为默认,任意错误,营救也使用默认

browser_tz = ActiveSupport::TimeZone.find_tzinfo(cookies[:timezone])

ActiveSupport::TimeZone.all.find{ |zone|  zone.tzinfo ==  browser_tz }  || Time.zone

rescue TZInfo::UnknownTimezone,  TZInfo::InvalidTimezoneIdentifier

Time.zone

end

helper_method :browser_time_zone  #添加helper方法

变量browser_tz是如#<TZInfo::DataTimezone: America/Chicago>的对象, 它会和所有TimeZone对象的属性tzinfo做比较。

#<ActiveSupport::TimeZone:0x00007f97f26b0058 @name="American Samoa", @utc_offset=nil, @tzinfo=#<TZInfo::DataTimezone: Pacific/Pago_Pago>>

  13.在user注册页,f.time_zone_select :time_zone选项可以加上这个browser_time_zone helper方法

<%= f.time_zone_select :time_zone, nil, default: browser_time_zone.name %>

  14. 浏览器显示时区时间:controller增加一个before_action :set_time_zone, if: :user_signed_in?

def set_time_zone

Time.zone = current_user.time_zone

end

  15 有一个相关gem 'local_time'可以利用。

(GoRails) 自动侦测用户的时区,使用javascript 的jszt库。的更多相关文章

  1. 轻量高效的开源JavaScript插件和库 【转】

    图片 布局 轮播图 弹出层 音频视频 编辑器 字符串 表单 存储 动画 时间 其它 加载器 构建工具 测试 包管理器 CDN 图片 baguetteBox.js - 是一个简单易用的响应式图像灯箱效果 ...

  2. 顶级的JavaScript框架、库、工具及其使用

    几乎每隔一个星期,就有一个新的 JavaScript 库席卷网络社区!Web 社区日益活跃.多样,并在多个领域快速成长.想要研究每一个重要的 JavaScript 框架和库,是个不可能完成的任务.接下 ...

  3. 2016 年 50 个最佳的轻量级 JavaScript 框架和库

    作者:IT程序狮链接:https://zhuanlan.zhihu.com/p/24598210来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明出处. 回顾今年已发布的 JS ...

  4. 推荐12个最好的 JavaScript 图形绘制库

    众多周知,图形和图表要比文本更具表现力和说服力.图表是数据图形化的表示,通过形象的图表来展示数据,比如条形图,折线图,饼图等等.可视化图表可以帮助开发者更容易理解复杂的数据,提高生产的效率和 Web  ...

  5. 20个优秀的 JavaScript 键盘事件处理库

    键盘事件是 Web 开发中最常用的事件之一,通过对键盘事件的捕获和处理可以提高网站的易用性和交互体验.下面,我们向大家介绍收集的20款优秀的 JavaScript 键盘事件处理库,帮助开发人员轻松处理 ...

  6. 2016年31款轻量高效的开源JavaScript插件和库

    目前有很多网站设计师和开发者喜欢使用由JavaScript开发的插件和库,但同时面临一个苦恼的问题:它们中的大多数实在是太累赘而且常常降低网站的性能.其实,其中也有不少轻量级的插件和库,它们不仅轻巧有 ...

  7. 第一百三十五节,JavaScript,封装库--拖拽

    JavaScript,封装库--拖拽 封装库新增1个拖拽方法 /** tuo_zhuai()方法,将一个弹窗元素实现拖拽功能 * 注意:一般需要在css文件将元素里的某一个区块光标设置成提示可以拖拽, ...

  8. 第一百三十三节,JavaScript,封装库--弹出登录框

    JavaScript,封装库--弹出登录框 封装库,增加了两个方法 yuan_su_ju_zhong()方法,将获取到的区块元素居中到页面,chuang_kou_shi_jian()方法,浏览器窗口事 ...

  9. Tippy.js – 轻量的 Javascript Tooltip 工具库

    工具提示(Tooltip)在网站中的一个小功能,但却有很重要的作用,常用于显示一些温馨的提示信息.如果网站中的工具提示功能做得非常有创意的话能够加深用户对网站印象.Tippy.js 是一款帮助你快速创 ...

随机推荐

  1. VS2010的快捷键;VS2012变化的快捷键

    注释::VS2010是(Ctrl+E,C),VS2012是(Ctrl+K, Ctrl+C),实际操作,按住Ctrl键不放,先按K键,再按C键.相当于Ctrl+K加 Ctrl+C的组合键 反註解:VS2 ...

  2. java接口对接——别人调用我们接口获取数据

    java接口对接——别人调用我们接口获取数据,我们需要在我们系统中开发几个接口,给对方接口规范文档,包括访问我们的接口地址,以及入参名称和格式,还有我们的返回的状态的情况, 接口代码: package ...

  3. python 四种方法修改类变量,实例对象调用类方法改变类属性的值,类对象调用类方法改变类属性的值,调用实例方法改变类属性的值,直接修改类属性的值

    三种方法修改类变量,实例对象调用类方法改变类属性的值,类对象调用类方法改变类属性的值,调用实例方法改变类属性的值,类名就是类对象,city就是类变量, #coding=utf-8 class empl ...

  4. 【运维技术】Nexus私服安装配置常用问题

    maven私服安装配置 软件安装及基本配置 安装配置 # 安装jdk,参考其他教程 mkdir -p /app/nexus2 # 创建目录 wget https://download.sonatype ...

  5. pollard_rho 学习总结 Miller_Rabbin 复习总结

    吐槽一下名字,泼辣的肉..OwO 我们知道分解出一个整数的所有质因子是O(sqrt(n)/ln(n))的 但是当n=10^18的时候就显得非常无力的 这个算法可以在大概O(n^(1/4))的时间复杂度 ...

  6. STM32f103C8T6 Bootloader设计(转)

    源:STM32f103C8T6 Bootloader设计 STM32F103c8t6通过串口实现IAP在线升级固件

  7. ELK学习笔记之Elasticsearch启动常见错误

    问题出现的环境: OS版本:CentOS-7-x86_64-Minimal-1708 ES版本:elasticsearch-6.2.2 1. max file descriptors [4096] f ...

  8. 根据wsdl文件,Web工程自动生成webservice客户端调用

    根据wsdl文件,Web工程自动生成webservice客户端调用 1,工具:带有webservice插件的eclips 2,步骤: (1),新建一个Web工程:WSDLTest (2),浏览器访问W ...

  9. git和github的简单配合使用

    1.安装git,TortoiseGit. 2.用帐号A登陆github,建立一个版本仓库test1.用默认值创建就可以了. 3.在本机用TortoiseGit克隆仓库test1.直接选https开头的 ...

  10. 使用dll,将image库开放出去

    这是很经典的想法了,但是如何来做,不经过摸索不知道细节.   最简单: dll处   #include "stdafx.h"   #ifdef _DEBUG #define new ...