小编war*_*ech的帖子

如何忽略用户的时区并强制Date()使用特定的时区

在JS应用程序中,我1270544790922从服务器(Ajax)接收时间戳(eq.).

基于该时间戳我Date使用以下方法创建对象:

var _date = new Date();
_date.setTime(1270544790922);
Run Code Online (Sandbox Code Playgroud)

现在,_date解码当前用户区域设置时区中的时间戳.我不希望这样.

我想_ date将此时间戳转换为欧洲赫尔辛基市的当前时间(忽略用户的当前时区).

我怎样才能做到这一点?

javascript timezone date

96
推荐指数
4
解决办法
14万
查看次数

使用<canvas>元素创建热图?

是否有任何JavaScript库允许您使用浏览器内的图形渲染功能(如<canvas>SVG)创建热图?

我知道HeatMapAPI.com,但他们的热图是在服务器端生成的.我认为在<canvas>元素时代,我们不再需要它了!

如果还没有这样的话,是否有志愿者参与创建这样的工具?

html javascript canvas heatmap

27
推荐指数
1
解决办法
2万
查看次数

从两个对象生成JSON补丁

给定两个Javascript对象(AB),有没有办法生成JSON补丁,以便在应用该补丁A时将对象的属性更改为对象的属性B

例如,给定假设JSONPatch函数(可能是与下面链接的函数之一相似的名称的函数),期望的是generate_patch函数.

patch = generate_patch(A, B) JSONPatch.apply(patch, A) # modifies A so that it has the same properties as B.

在这个问题A,B是Javascript对象.RFC6902创建的补丁是JSON,它表示应用于A该对象的操作数组B.该generate_patch函数不需要返回JSON,而是为了提高效率可以返回一个Javascript对象,该对象在JSON.stringify调用时成为RFC6902 JSON补丁文档.

我在这个主题上找到的项目是:

javascript json json-patch

16
推荐指数
2
解决办法
5991
查看次数

在AngularJS中,我可以在ngView之外的ngSwitch中使用当前路由

我试图根据当前视图更改页眉.标头位于ngView之外.这是可能的还是我需要将标题放在视图中?

我的代码看起来类似于:

<div id="header">
    <div ng-switch on="pagename">
        <div ng-switch-when="home">Welcome!</div>
        <div ng-switch-when="product-list">Our products</div>
        <div ng-switch-when="contact">Contact us</div>
    </div>
    (a lot of unrelated code goes here)    
</div>

<div id="content>
    <div ng-view></div>
</div>
Run Code Online (Sandbox Code Playgroud)

javascript angularjs

6
推荐指数
3
解决办法
4305
查看次数

在 CSS Grid 中使用带有隐式行的负整数

我正在尝试使用扁平的 HTML 结构制作一个简单的侧边栏布局,其中第一个<aside>元素完全填充第一列。

我的问题是,负行结束值似乎不适用于为第二列中的所有元素隐式创建的行。

预期的:

在此处输入图片说明

实际的:

在此处输入图片说明

下面是说明问题的可运行代码片段。

article {
  display: grid;
  grid-template-columns: 200px 1fr;
  background: gray;
}

aside {
  grid-row: 1/-1;
  grid-column: 1/2;
  background: pink;
}

section {
  grid-column: 2/3;
  background: yellow;
}
Run Code Online (Sandbox Code Playgroud)
<article>
  <aside>In the left column (top to bottom)</aside>
  <section>In the right column</section>
  <section>In the right column</section>
  <section>In the right column</section>
</article>
Run Code Online (Sandbox Code Playgroud)

css css-grid

6
推荐指数
1
解决办法
2626
查看次数

在SlickGrid中批量编辑(填充/粘贴范围/多行编辑)

我正在试图找出如何添加"批量编辑",即同时编辑多个单元格到SlickGrid.我在SlickGrid示例页面上没有看到任何示例.我认为我想要实现的UI有三个不错的选择(按优先顺序排列):

  1. 类似于Excel的"填充"功能.我在几乎所有我发现的网格/电子表格小部件中都没有看到这个,除了在jquery-handsontable中,它被称为"拖拽".在粘贴期间的一些智能,其中数字可以针对每个单元自动递增,将是非常棒的.

  2. 复制单个单元格,然后选择一个范围并将该单个单元格粘贴到该范围内.然后,应将该单个单元格的内容粘贴到所选范围内的每个单元格中.

  3. 选择一系列单元格,然后编辑其中一个单元格.当用户正在编辑一个单元格时,该范围内的所有单元格应更新为用户正在键入的值.

我是一个相对的JavaScript(和SlickGrid)新手,所以我喜欢JavaScript代码的一些帮助来做到这一点.复制单个单元格并将其粘贴到范围(选项2)似乎并不太难,但我不知道如何开始执行填充实现.任何帮助都会非常受欢迎.

谢谢!

slickgrid

3
推荐指数
1
解决办法
2141
查看次数

Ruby on Rails:将数组javascript数组发送到ruby控制器

我想将一个javascript数组数组发送到我的ruby控制器.我有点迷茫.我的问题出在控制器中.这是我到目前为止:

(totalChanges是一个数组数组.JSON.stringify(totalChanges)可能如下所示:

[[4,2,"","15"],[4,3,"","12"],[4,4,"","14"]]
Run Code Online (Sandbox Code Playgroud)

应用程序/视图/ index.html.erb:

<div id="dataTable" class="dataTable" style="width: 680px;height: 300px; overflow: scroll"></div>
<button>Save!</button>
<script>
    var first = true;
    var totalChanges = new Array();
    $("#dataTable").handsontable({
         //...some code that generates appropriate array totalChanges
    });
    var data = //..some code
    $("#dataTable").handsontable("loadData", data);
    $(function() {
            $( "button").button();
            $( "button" ).click(function() { 
                    alert("clicked"); 
                    $.ajax({
                            type: "POST",
                            url: "/qtl_table/save",
                            data: {total_changes: JSON.stringify(totalChanges)},
                            success: function() { alert("Success!"); }
                    });
            });
    });

</script>
Run Code Online (Sandbox Code Playgroud)

应用程序/控制器/ qtl_table_controller.rb:

def save
  //Adding some things suggested by answers:
  logger.debug "\n#{params[:total_changes].first}, #{params[:total_changes][1]}\n"
  ar …
Run Code Online (Sandbox Code Playgroud)

json ruby-on-rails handsontable

3
推荐指数
1
解决办法
8347
查看次数