【梓言の暖暖心情窝】你看到的我，此刻的我，恣意或是洒脱。

熊孩子′梓言 · 发表于 2014-11-24 15:11

回复 30# 九菇凉

九菇凉 · 发表于 2014-11-24 15:13

回复 31# 熊孩子′梓言

事实证明图签还是挂的！！

熊孩子′梓言 · 发表于 2014-11-24 15:20

本帖最后由熊孩子′梓言于 2014-11-24 15:31 编辑

〝 The world announced that love you >>>

- 全世界宣布爱你 -

-

熊孩子′梓言 · 发表于 2014-11-24 15:29

回复 32# 九菇凉

哪有

熊孩子′梓言 · 发表于 2014-11-24 20:02

本帖最后由熊孩子′梓言于 2014-11-24 20:13 编辑

熊孩子′梓言 · 发表于 2014-11-24 20:09

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ClockPicker-www.daimajiayuan.com</title>
<link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="dist/bootstrap-clockpicker.min.css">
<link rel="stylesheet" type="text/css" href="assets/css/github.min.css">
<style type="text/css">
.navbar h3 {
color: #f5f5f5;
margin-top: 14px;
}
.hljs-pre {
background: #f8f8f8;
padding: 3px;
}
.footer {
border-top: 1px solid #eee;
margin-top: 40px;
padding: 40px 0;
}
.input-group {
width: 110px;
margin-bottom: 10px;
}
.pull-center {
margin-left: auto;
margin-right: auto;
}
@media (min-width: 768px) {
.container {
max-width: 730px;
}
}
@media (max-width: 767px) {
.pull-center {
float: right;
}
}
</style>
<!--[if lt IE 9]>
<script src="assets/js/html5shiv.js"></script>
<script src="assets/js/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="navbar navbar-inverse navbar-static-top" role="navigation">
<div class="container">
<h3>ClockPicker</h3>
</div>
</div>
<div class="container">
<h3>Browser support</h3>
<p>
All major browsers are supported, including IE 9+. It should look and behave well enough in IE 8.
</p>
<h3>Device support</h3>
<p>
Both desktop and mobile device are supported. It also works great in touch screen device.
</p>
<h3>Dependencies</h3>
<p>
ClockPicker was designed for Bootstrap in the beginning. So Bootstrap (and jQuery) is the only dependency(s).
</p>
<p>
Since it only used <code>.popover</code> and some of <code>.btn</code> styles of Bootstrap, I picked these styles to build a jQuery plugin.
Feel free to use <code>jquery-*</code> files instead of <code>bootstrap-*</code> , for non-bootstrap project.
</p>
<p>
<a href="jquery.html">See ClockPicker for jQuery</a>.
</p>
<div class="form-group">
<h4>Default: </h4>
<div class="input-group clockpicker">
<input type="text" class="form-control" value="09:30">
<span class="input-group-addon">
<span class="glyphicon glyphicon-time"></span>
</span>
</div>
<pre class="hljs-pre"><code class="html"><div class="input-group clockpicker">
<input type="text" class="form-control" value="09:30">
<span class="input-group-addon">
<span class="glyphicon glyphicon-time"></span>
</span>
</div>
<script type="text/javascript">
$('.clockpicker').clockpicker();
</script></code></pre>
</div>
<div class="form-group">
<h4>Place at left, align the arrow to top, auto close:</h4>
<div class="clearfix">
<div class="input-group clockpicker pull-center" data-placement="left" data-align="top" data-autoclose="true">
<input type="text" class="form-control" value="13:14">
<span class="input-group-addon">
<span class="glyphicon glyphicon-time"></span>
</span>
</div>
</div>
<pre class="hljs-pre"><code class="html"><div class="input-group clockpicker" data-placement="left" data-align="top" data-autoclose="true">
<input type="text" class="form-control" value="13:14">
<span class="input-group-addon">
<span class="glyphicon glyphicon-time"></span>
</span>
</div>
<script type="text/javascript">
$('.clockpicker').clockpicker();
</script></code></pre>
</div>
<div class="form-group">
<h4>Set options in javascript, instead of <code>data-*</code> :</h4>
<div class="input-group clockpicker" data-placement="top" data-align="left" data-donetext="Done">
<input type="text" class="form-control" value="18:00">
<span class="input-group-addon">
<span class="glyphicon glyphicon-time"></span>
</span>
</div>
<pre class="hljs-pre"><code class="html"><div class="input-group clockpicker">
<input type="text" class="form-control" value="18:00">
<span class="input-group-addon">
<span class="glyphicon glyphicon-time"></span>
</span>
</div>
<script type="text/javascript">
$('.clockpicker').clockpicker({
placement: 'top',
align: 'left',
donetext: 'Done'
});
</script></code></pre>
</div>
<div class="form-group">
<h4>Set default value, input without addon, and manual operations:</h4>
<div class="clearfix">
<div class="pull-center clearfix" style="margin-bottom:10px;">
<button type="button" class="btn btn-default pull-right" id="check-minutes">Check the minutes</button>
<input class="form-control pull-right" id="single-input" value="" placeholder="Now" style="width:80px;margin-right:20px;">
</div>
</div>
<pre class="hljs-pre"><code class="html"><input class="form-control" id="single-input" value="" placeholder="Now">
<button type="button" id="check-minutes">Check the minutes</button>
<script type="text/javascript">
var input = $('#single-input').clockpicker({
placement: 'bottom',
align: 'left',
autoclose: true,
'default': 'now'
});
// Manually toggle to the minutes view
$('#check-minutes').click(function(e){
// Have to stop propagation here
e.stopPropagation();
input.clockpicker('show')
.clockpicker('toggleView', 'minutes');
});
</script></code></pre>
</div>
<h3>Options</h3>
<table class="table table-bordered table-striped">
<thead><tr>
<th>Name</th>
<th>Default</th>
<th>Description</th>
</tr></thead>
<tbody>
<tr>
<td>default</td>
<td>''</td>
<td>default time, 'now' or '13:14' e.g.</td>
</tr>
<tr>
<td>placement</td>
<td>'bottom'</td>
<td>popover placement</td>
</tr>
<tr>
<td>align</td>
<td>'left'</td>
<td>popover arrow align</td>
</tr>
<tr>
<td>donetext</td>
<td>'完成'</td>
<td>done button text</td>
</tr>
<tr>
<td>autoclose</td>
<td>false</td>
<td>auto close when minute is selected</td>
</tr>
<tr>
<td>vibrate</td>
<td>true</td>
<td>vibrate the device when dragging clock hand</td>
</tr>
<tr>
<td>fromnow</td>
<td>0</td>
<td>set default time to * milliseconds from now (using with default = 'now')</td>
</tr>
</tbody>
</table>
<h3>Operations</h3>
<table class="table table-bordered table-striped">
<thead><tr>
<th>operation</th>
<th>Arguments</th>
<th>Description</th>
</tr></thead>
<tbody>
<tr>
<td>show</td>
<td></td>
<td>show the clockpicker</td>
</tr>
<tr>
<td>hide</td>
<td></td>
<td>hide the clockpicker</td>
</tr>
<tr>
<td>remove</td>
<td></td>
<td>remove the clockpicker (and event listeners)</td>
</tr>
<tr>
<td>toggleView</td>
<td>'hours' or 'minutes'</td>
<td>toggle to hours or minutes view</td>
</tr>
</tbody>
</table>
<h3>What's included</h3>
<pre class="hljs-pre"><code class="bash">clockpicker/
├── dist/
│ ├── bootstrap-clockpicker.css # full code for bootstrap
│ ├── bootstrap-clockpicker.js
│ ├── bootstrap-clockpicker.min.css # compiled and minified files for bootstrap
│ ├── bootstrap-clockpicker.min.js
│ ├── jquery-clockpicker.css # full code for jquery
│ ├── jquery-clockpicker.js
│ ├── jquery-clockpicker.min.css # compiled and minified files for jquery
│ └── jquery-clockpicker.min.js
└── src/ # source code
├── clockpicker.css
├── clockpicker.js
└── standalone.css # some styles picked from bootstrap</code></pre>
<h3>License</h3>
<p>MIT</p>
</div>
<script type="text/javascript" src="assets/js/jquery.min.js"></script>
<script type="text/javascript" src="assets/js/bootstrap.min.js"></script>
<script type="text/javascript" src="dist/bootstrap-clockpicker.min.js"></script>
<script type="text/javascript">
$('.clockpicker').clockpicker()
.find('input').change(function(){
console.log(this.value);
});
var input = $('#single-input').clockpicker({
placement: 'bottom',
align: 'left',
autoclose: true,
'default': 'now'
});
// Manually toggle to the minutes view
$('#check-minutes').click(function(e){
// Have to stop propagation here
e.stopPropagation();
input.clockpicker('show')
.clockpicker('toggleView', 'minutes');
});
if (/mobile/i.test(navigator.userAgent)) {
$('input').prop('readOnly', true);
}
</script>
<script type="text/javascript" src="assets/js/highlight.min.js"></script>
<script type="text/javascript">
hljs.configure({tabReplace: ' '});
hljs.initHighlightingOnLoad();
</script>
</body>
</html>

复制代码

熊孩子′梓言 · 发表于 2014-11-25 09:15

~~I miss you~~

我一直在想
若干年后
我为人妻
你为人夫
回想当初
那么喜欢你却没有表白
自己会不会特别后悔

熊孩子′梓言 · 发表于 2014-11-25 09:21

〝 The heart because of your need>>>

- 只是因为那是你 -

-

熊孩子′梓言 · 发表于 2014-11-26 18:57

~~I miss you~~

佛说：前世五百次的回眸，才换来今生的擦肩而过。短短今生一面遇，前世多少香火缘。牵手是有一种缘，回眸是一种缘；生命是有一种缘，爱情是一种缘；假如还有来生，来生也是一种缘。组成人生的，就是那无数个缘；让你去结，去解。惜缘，随缘，才能以佛心看缘起缘落。

熊孩子′梓言 · 发表于 2014-11-27 09:02

~~I miss you~~

每个人的一生都像一场远行，当你离你所追求的终点越行越远时，请停下脚步，深呼吸静下心来看看你此时身边的风景，说不定，此时此刻有比终点更美好的一切！

【梓言の暖暖心情窝】你看到的我，此刻的我，恣意或是洒脱。

流光职业勋章(30天)

谕世一记专属勋章(永久)

论坛OL活动勋章

灵珑职业勋章(30天)