小编Chr*_*ung的帖子

使用angularJS设置HTML5日期输入字段的默认值

我希望将我生成的默认值绑定到日期和时间输入字段.我尝试了ng-model并将其直接绑定到value属性.但它似乎都没有用.有没有办法让它发挥作用?

编辑:另外,如何绑定时间输入字段?

<body ng-app="myApp">
<div ng-controller="MyCtrl">
    <input type="date" ng-model="date" value="{{date}}">
        <p>{{date}}</p>
    <input type="time" ng-model="time" value="{{time}}">    
</div>
Run Code Online (Sandbox Code Playgroud)

这是一个小提琴:http://jsfiddle.net/chrisyeung/bF9Pq/

javascript angularjs momentjs

15
推荐指数
2
解决办法
5万
查看次数

如何将Apache文档根目录指向Ubuntu中的特定文件夹?

我有一个根指向/ var/www的网站我在/ var/www下设置了两个文件夹

  1. 在/ var/WWW /老
  2. 在/ var/WWW /新

对于旧文件夹,我使用以下内容拒绝任何访问:

touch /var/www/old/.htaccess && echo deny from all >> /var/www/old/.htaccess
Run Code Online (Sandbox Code Playgroud)

我现在希望服务器将根指向/ var/www/new,这样当人们访问http://example.com时,/ var/www/new中的内容将会服务,我该怎么办?

apache ubuntu

12
推荐指数
1
解决办法
4万
查看次数

如何将sitemap.xml添加到angularJS站点?

我在app文件夹中添加了sitemap.xml但是如何将其公开以便Google网站管理员工具可以获取它?

谢谢

seo angularjs

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

如何在Algolia中搜索持续时间

假设我正在建立一个酒店预订平台,每个房间记录都有可用性日历.常见的搜索条件是按持续时间搜索.用户输入开始日期和结束日期的位置,数据库提取未从该持续时间占用的房间.

我已经实现了一种非常天真的方法,我将占用的天数存储为一系列天.

attribute :occupied_at_i do
    array = []
    if !occupied_at.empty?
        occupied_at.each do |date|
            array << Time.parse(date).to_i
        end
    end
    array
end
Run Code Online (Sandbox Code Playgroud)

然后在客户端,我添加以下javascript代码来交叉检查当天是否在 numericRefinement

// Date Filters
$('.date-field')
    .on('change', function() {
        if(_.every(_.map($('.date-field'), function(date) {return _.isEmpty(date.value) }), function(n) {return n==false;})) {
            helper.clearRefinements('occupied_at_i');
            var arrayOfDates = addDateFilters();
            _.forEach(arrayOfDates, function(n) {
                helper.addNumericRefinement('occupied_at_i', '!=', n);
            });
            showClearAllFilters();
            helper.search();
        }
    });
Run Code Online (Sandbox Code Playgroud)

所以,它显然不是一个好方法,我想知道什么是更好的利用algolia和搜索持续时间?

谢谢

javascript search ruby-on-rails algolia

9
推荐指数
1
解决办法
316
查看次数

找不到相应的javascript库ruby-toolbox

我正在寻找一个类似于ruby-toolbox.com的网站,但经过努力,我无法找到一个.

您对最新且维护良好的JS库注册表有什么建议吗?

javascript ruby npm

8
推荐指数
1
解决办法
634
查看次数

在Safari上使用remodal和pickadate时出现严重的性能问题

我试图将remodal和pickadate一起使用,这样我就可以在模态中创建一个日期选择器和时间选择器.在第一次试验中,我发现日期选择器将被重新隐藏,如下所示.

语气 模态与pickadate,隐藏

为了克服这个问题,我.full-screen为我的remodal 创建了一个类.

.remodal {
    &.full-screen {
        max-width: none;
        height: 100%;
        width: 100%;
        margin: 0 auto;
    }
}
Run Code Online (Sandbox Code Playgroud)

然后它在Chrome中运行得非常好,如图所示:

全屏莫代尔 带铬的全屏模态

然后我在我的iOS上测试该网站,我发现叠加层是混乱的.我认为它坚持活跃的输入元素的底部.如iOS safari和iOS chrome所示:

在ios safari中的pickatime ios chrome中的pickadate

通常我会在MacOSX中打开我的Safari并尝试修复CSS.但是,当在Safari中加载相同的页面时,会出现奇怪的性能损失:

  • 我甚至无法加载开发人员工具
  • Safari CPU不断超过100%
  • 加载模态需要大约15秒
  • 加载pickadate需要大约10秒钟.

结果如下:

safari macosx.

如果你想尝试,我暂时打开这里的链接,点击绿色操作按钮,模态应该加载.(首先尝试镀铬,然后狩猎.)你会发现差异.

javascript safari jquery google-chrome pickadate

8
推荐指数
1
解决办法
999
查看次数

如何在 Rails 4 中查询数组列?

我找不到任何关于如何array columns在 Rails 中查询的好文章。我遇到了在 Rails 中查询数组列的需要。

我从一篇教如何在这里进行基本查询的文章中找到。

让我们按照文章中的示例进行操作,其中Book涵盖了很多subjects并且主题存储为数组列:

add_column :books, :subjects, :text, array: true, default: []
Run Code Online (Sandbox Code Playgroud)

查询包含特定主题的书籍- 例如历史

Book.where("'history' = ANY (subjects)")
Run Code Online (Sandbox Code Playgroud)

查询包含所有列出主题的书籍- 例如 Finance AND Business AND Accounting

Book.where("subjects @> ?", "{Finance,Business,Accounting}")
Run Code Online (Sandbox Code Playgroud)

我想知道我如何才能做到以下几点?

查询包含任何所列主题的书籍- 例如小说或传记

查询不包含特定主题的书籍- 例如 NOT Physics

查询不包含任何科目的书籍- 例如 NOT (Physics OR Chemistry OR Biology)

有没有Rails办法进行上述查询?

ruby arrays postgresql ruby-on-rails

8
推荐指数
2
解决办法
7342
查看次数

我们如何使用angular-translate为AngularJS网站做SEO?

我们有一个网站,使用angular-translate提供中文和英文版本.前端确定语言设置.从客户端来看很好,但是当谷歌机器人为了搜索引擎优化目的而抓取我们的内容时,他们无法抓取内容.相反,他们在翻译之前抓取了语法

{{'CONTENT_1' | translate }}
Run Code Online (Sandbox Code Playgroud)

另外如下图所示!

Google Bot搜索结果

我们目前正在使用ajaxsnapshots为google bot提供快照.想知道是否有人知道如何使用AngularJS和angular-translate正确地提供国际化内容!

seo ruby-on-rails google-search angularjs

7
推荐指数
1
解决办法
936
查看次数

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

什么是基于 Procfile 的应用程序

我已经看够了它的外观,我必须更多地了解它。我看到 Heroku 有一个 procfile,我认为它是关于在部署到 heroku 后运行这个 procfile。

我还看到了术语基于 procfiled 的应用程序。那么实际上 Procfile 是 Heroku 特有的还是其他什么?

heroku procfile

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