小编Hem*_*ela的帖子

Laravel:如何在模型属性转换上设置日期格式?

我有模特:

protected $casts = [
    'date' => 'date',
];
Run Code Online (Sandbox Code Playgroud)

laravel是否具有设置强制转换格式的能力,例如:

protected $casts = [
    'date' => 'date_format:d/m/yyyy',
];
Run Code Online (Sandbox Code Playgroud)

EDITED

我试过这个:

在模型中:

protected $dateFormat = 'm/d/Y';

protected $dates = ['driver_expiration', 'created_at', 'updated_at', 'deleted_at'];

protected $casts = [
    'driver_expiration'     => 'date',
];
Run Code Online (Sandbox Code Playgroud)

我将日期(driver_expiration)保存为'01/012016'但日期已保存.

laravel文档:https://laravel.com/docs/5.1/eloquent-mutators 告诉我们$ dateFormat仅适用于时间戳('created_at','updated_at','deleted_at')

casting date laravel laravel-5

13
推荐指数
3
解决办法
3万
查看次数

使用jQuery滚动后获取元素的新x/y位置

可以说我有一个<a>标签如下:

<body>
    <div class="wrapper">
        <a href="#" class="a1">Click Me</a>
    </div>
</body>
Run Code Online (Sandbox Code Playgroud)

我的CSS是:

body{ padding:10px;}
.wrapper { height:1000px; width:500px;}
Run Code Online (Sandbox Code Playgroud)

目前我正在使用.offset() Jquery来获取<a>标签的X/Y位置.

var offset = $(".a1").offset();
var top = offset.top;
var left = offset.left;
Run Code Online (Sandbox Code Playgroud)

现在,当我滚动页面并检查<a>标签的x,y坐标时,它们保持不变,即页面滚动无效.
我想<a>在滚动与屏幕相关的页面后获得标签的新X,Y位置.
如果<a>在向下滚动后隐藏此标记,我希望其位置为负值.

检查这个小提琴:http://jsfiddle.net/xQh5J/9/

请帮忙.

jquery scroll position

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

选择每4个<div>

我有很长的DIV系列,我需要使用nth-child选择器在每第4个DIV上更改填充,但是我在使用它时遇到了问题.

这是我的css:

.content_tab {
    width: 220px;
    height: 340px;
    margin-right: 20px;
    margin-bottom: 20px;
    float: left;
    background-color: #0F0;
}
.content_tab:nth-child(4){
    background-color: #F00;
    margin-right: 0px;
}
Run Code Online (Sandbox Code Playgroud)

这是我的HTML:

<div class="content">
    <div class="content_tab"></div>
    <div class="content_tab"></div>
    <div class="content_tab"></div>
    <div class="content_tab"></div>
    <div class="content_tab"></div>
    <div class="content_tab"></div>
    <div class="content_tab"></div>
</div>
Run Code Online (Sandbox Code Playgroud)

有任何想法吗?

html css css-selectors

11
推荐指数
3
解决办法
3万
查看次数

跨浏览器SVG在响应或流畅的布局?

我选择使用Raphaëljavascript库来获得广泛的浏览器支持,但是我无法在任何浏览器中正常显示SVG,Chrome和Firefox除外.我一直在摸不着头脑,我很想听听如何让SVG在响应式布局中工作.

Chrome和Firefox 完全按照我的意愿显示SVG.它均匀地缩放,保持正确的宽高比及其父级给定宽度的百分比.

Internet Explorer保持正确的宽高比,但不能与其父级正确缩放.

Safari的父级宽度适当缩放,但高度不合适.相对于父容器的高度以某种方式设置为100%.

使用Javascript

var menu = Raphael('menu', '100%', '100%');

menu.setViewBox('0', '0', '50', '50', true);

var menu_bg = menu.rect(0,0, 50, 50);
    menu_bg.attr({
        id : 'menu_bg',
        'stroke-width' : '0',
        'fill' : '#000'
    });
Run Code Online (Sandbox Code Playgroud)

CSS

* {
    margin: 0;
    padding: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html, body {
    height: 100%;
}
#menu { 
    width: 50%;
    background: #60F;
    padding: 2.5%;
}
#menu svg { 
    display: block;
    width: 100%;
    height: 100%;
    max-height: 100%;
}
#text { …
Run Code Online (Sandbox Code Playgroud)

javascript css svg fluid raphael

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

Docker撰写 - 共享卷Nginx

我只想测试Docker,似乎有些东西不能正常工作.当我有这样的docker-compose.yml时:

web:
  image: nginx:latest
  ports:
    - "80:80"
Run Code Online (Sandbox Code Playgroud)

在浏览器中我运行我的docker.app域(示例域指向docker IP)我得到默认的nginx网页.

但是当我尝试做这样的事情时:

web:
  image: nginx:latest
  volumes:
    - /d/Dev/docker/nginx-www/nginx/html/:/usr/share/nginx/html/ 
  ports:
    - "80:80"
Run Code Online (Sandbox Code Playgroud)

当我跑:

docker-compose up -id
Run Code Online (Sandbox Code Playgroud)

当我在浏览器中运行相同的URL时,我得到:

403禁止

nginx的/ 1.9.12

我使用的是Windows 8.1作为主机.

我做错了什么或者文件夹不能以这种方式共享?

编辑

解决方案(基于@HemersonVarela答案):

我试图传递的音量在D:\Dev\docker位置,所以我/d/Dev/docker在路径的开头使用.但是看看https://docs.docker.com/engine/userguide/containers/dockervolumes/你可以看到:

如果您在Mac或Windows上使用Docker Machine,您的Docker守护程序只能访问您的OS X或Windows文件系统.Docker Machine尝试自动共享您的/ Users(OS X)或C:\ Users(Windows)目录.

所以我需要做的是nginx-ww/nginx/htmlC:\users\marcin目录中创建我的目录,所以我结束了:

web:
  image: nginx:latest
  volumes:
    - /c/Users/marcin/docker/nginx-www/nginx/html/:/usr/share/nginx/html/ 
  ports:
    - "80:80"
Run Code Online (Sandbox Code Playgroud)

这没有问题.文件现在应该按原样共享

windows nginx docker docker-compose

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

使用服务帐户的Google AnalyticsAPI oauth异常"invalid_grant".两台服务器上的代码相同.只有一个有效

我通过服务帐户查询Analytics API .

我已经在开发服务器上编写了代码,它没有问题.在生产服务器上运行相同的代码时,它会抛出:

Google_AuthException:刷新OAuth2令牌时出错,消息:'{"error":"invalid_grant"}'

我尝试过创建另一个服务帐户,行为是一样的.

oAuth IETF草案(http://tools.ietf.org/html/draft-ietf-oauth-v2-31)对此错误说:

     invalid_grant
           The provided authorization grant (e.g. authorization
           code, resource owner credentials) or refresh token is
           invalid, expired, revoked, does not match the redirection
           URI used in the authorization request, or was issued to
           another client.
Run Code Online (Sandbox Code Playgroud)

这是我写的代码:

$GA_CLIENT_ID = 'XX.apps.googleusercontent.com';
$GA_APP_EMAIL = 'XX@developer.gserviceaccount.com';
$GA_APP_NAME = 'XX';
$GA_KEY_FILE = 'XX';

// create client object and set app name
$client = new Google_Client();
$client->setApplicationName($GA_APP_NAME); // name of your app

// set …
Run Code Online (Sandbox Code Playgroud)

php api exception oauth google-analytics-api

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

为什么"text-align:right"对Firefox中空的contenteditable元素不起作用?

请考虑以下事项:( 现场演示)

HTML:

<div contenteditable></div>
Run Code Online (Sandbox Code Playgroud)

CSS:

div {
  text-align: right;
}
Run Code Online (Sandbox Code Playgroud)

div 在Firefox中单击时,光标位于左侧(看起来text-align: right;没有效果).但是,如果您开始输入,则text-align: right;开始生效.

这是为什么?任何想法如何解决这一问题?

css firefox html5 text-align contenteditable

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

使用CasperJS迭代网格

我正在尝试测试CasperJS,并正在抓取一个网格布局,如:

|Name      |Name      |
|Title     |Title     |
|Image     |Image     |
|Something |Something |
|----------------------
|Name      |Name      |
|Title     |Title     |
|Image     |Image     |
|Something |Something |
|----------------------
Run Code Online (Sandbox Code Playgroud)

如果我没有使用CasperJS,我将检索所有包含的列表(本例中为4),然后在每个容器上运行一个方法,该方法可以检索具有所需属性的对象.

我似乎很难在CasperJS中做到这一点.首先,我尝试在casper.evaluate(function(){....})中返回DOM元素列表,但它不能返回DOM元素.

然后我尝试创建一个每个循环,它将所需的对象(4)推送到一个数组,并在Evalue中返回它,但它一直返回null.

如何在CasperJS中做这样的事情.我可以以某种方式将容器的上下文返回给方法,该方法可以将对象返回到主要求值,这可以返回对象的集合吗?

javascript dom javascript-objects phantomjs casperjs

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

Laravel如何制作自定义验证器?

我需要制作我自己的扩展验证器 Illuminate\Validation\Validator

我在这里的答案中读到了一个例子:Laravel 4中的自定义验证

但问题是它没有清楚地显示如何使用自定义验证器.它不会显式调用自定义验证程序.你能举个例子来说明如何调用自定义验证器吗?

php validation laravel

7
推荐指数
2
解决办法
3697
查看次数

如何制作这个div包装的文本?

我有一个简单的HTML结构,看起来像:

<div class="container">
    <div class="caption">
        <div class="title">This is a very, very long title!!!</div>
        <div class="details">Details</div>
    </div>
    <div class="content"></div>
</div>
Run Code Online (Sandbox Code Playgroud)

我的风格非常简单:

.container {
    min-width: 200px;
}
.caption {
    overflow: hidden;
}
.title {
    float: left;
}
.details {
    float: right;
}
.content {
    height: 200px;
    background-color: #c0c0c0;
}
Run Code Online (Sandbox Code Playgroud)

看起来像:

CSS-示例

如果我缩小窗口最终,"details"div将换行到下一行:

CSS-例题

我想要发生的是"title"div中的文本换行到下一行,但同时保留"title"和"details"(不包装).

就像是:

This is a very, very         Details
long title!!!
+----------------------------------+
Run Code Online (Sandbox Code Playgroud)

只有在窗口调整大小时没有足够的空间时,标题才会被包装.

有人能指出我朝着正确的方向实现这一目标吗?

如果有人有兴趣,这里是上述代码的jsFiddle.

编辑:为了澄清,如果可能的话,我不想为.title指定固定的宽度.在大多数情况下,我想让这个div尽可能广泛.

html css

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