论坛首页设为首页收藏本站
开启辅助访问
搜索

天谕官网论坛

找回密码
注册

今日: |昨日: |帖子: |会员:


最新回复

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

查看数: 1022 | 评论数: 42 | 收藏 0
关灯 | 提示：支持键盘翻页<-左 右->
帖子模式
    组图打开中，请稍候......
熊孩子′梓言
发布时间: 2014-11-22 10:55

正文摘要:

本帖最后由 熊孩子′梓言 于 2014-11-22 11:01 编辑 [color=]vvvvvvvvvvv 有些话，若不能埋在心底，注定只能失去。 就像蝉，在地下长埋17年， 无非也就喧嚣那么一个夏天 [color=]vvvvvvvvvvv 他走路很快，我 ...

回复

熊孩子′梓言 IP：江苏 发表于 2014-11-30 21:19


I miss you


我多么想和你见一面

看看你最近改变

不再去说从前 只是寒暄

对你说一句 只是说一句

好久不见

絆城烟沙 IP：河南 发表于 2014-11-30 14:59
为啥我的签名超过80字节？
熊孩子′梓言 IP：江苏 发表于 2014-11-28 20:52


I miss you


那些让你伤心的话都是我说的谎,你且听且过,难熬的不只是我,沈项城的十年迟魏的七年也只是心酸多过无可奈何,我爱你多年如一日沉淀,放手给你所有碧海蓝天,只要你懂得,我不知为何,孤独患者也许不唱情歌

熊孩子′梓言 IP：江苏 发表于 2014-11-27 09:02


I miss you


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

熊孩子′梓言 IP：江苏 发表于 2014-11-26 18:57


I miss you


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

熊孩子′梓言 IP：江苏 发表于 2014-11-25 09:15


I miss you


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

熊孩子′梓言 IP：江苏 发表于 2014-11-24 20:09
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>ClockPicker-www.daimajiayuan.com</title>
  8. <link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css">
  9. <link rel="stylesheet" type="text/css" href="dist/bootstrap-clockpicker.min.css">
  10. <link rel="stylesheet" type="text/css" href="assets/css/github.min.css">
  11. <style type="text/css">
  12. .navbar h3 {
  13. color: #f5f5f5;
  14. margin-top: 14px;
  15. }
  16. .hljs-pre {
  17. background: #f8f8f8;
  18. padding: 3px;
  19. }
  20. .footer {
  21. border-top: 1px solid #eee;
  22. margin-top: 40px;
  23. padding: 40px 0;
  24. }
  25. .input-group {
  26. width: 110px;
  27. margin-bottom: 10px;
  28. }
  29. .pull-center {
  30. margin-left: auto;
  31. margin-right: auto;
  32. }
  33. @media (min-width: 768px) {
  34. .container {
  35. max-width: 730px;
  36. }
  37. }
  38. @media (max-width: 767px) {
  39. .pull-center {
  40. float: right;
  41. }
  42. }
  43. </style>
  44. <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  45. <!--[if lt IE 9]>
  46. <script src="assets/js/html5shiv.js"></script>
  47. <script src="assets/js/respond.min.js"></script>
  48. <![endif]-->
  49. </head>
  50. <body>
  51. <div class="navbar navbar-inverse navbar-static-top" role="navigation">
  52. <div class="container">

  54. <h3>ClockPicker</h3>
  55. </div>
  56. </div>
  57. <div class="container">
  58. <h3>Browser support</h3>
  59. <p>
  60. All major browsers are supported, including IE 9+. It should look and behave well enough in IE 8.
  61. </p>
  62. <h3>Device support</h3>
  63. <p>
  64. Both desktop and mobile device are supported. It also works great in touch screen device.
  65. </p>
  66. <h3>Dependencies</h3>
  67. <p>
  68. ClockPicker was designed for Bootstrap in the beginning. So Bootstrap (and jQuery) is the only dependency(s).
  69. </p>
  70. <p>
  71. 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.
  72. Feel free to use <code>jquery-*</code> files instead of <code>bootstrap-*</code> , for non-bootstrap project.
  73. </p>
  74. <p>
  75. <a href="jquery.html">See ClockPicker for jQuery</a>.
  76. </p>

  78. <div class="form-group">
  79. <h4>Default: </h4>
  80. <div class="input-group clockpicker">
  81. <input type="text" class="form-control" value="09:30">
  82. <span class="input-group-addon">
  83. <span class="glyphicon glyphicon-time"></span>
  84. </span>
  85. </div>
  86. <pre class="hljs-pre"><code class="html"><div class="input-group clockpicker">
  87. <input type="text" class="form-control" value="09:30">
  88. <span class="input-group-addon">
  89. <span class="glyphicon glyphicon-time"></span>
  90. </span>
  91. </div>
  92. <script type="text/javascript">
  93. $('.clockpicker').clockpicker();
  94. </script></code></pre>
  95. </div>
  96. <div class="form-group">
  97. <h4>Place at left, align the arrow to top, auto close:</h4>
  98. <div class="clearfix">
  99. <div class="input-group clockpicker pull-center" data-placement="left" data-align="top" data-autoclose="true">
  100. <input type="text" class="form-control" value="13:14">
  101. <span class="input-group-addon">
  102. <span class="glyphicon glyphicon-time"></span>
  103. </span>
  104. </div>
  105. </div>
  106. <pre class="hljs-pre"><code class="html"><div class="input-group clockpicker" data-placement="left" data-align="top" data-autoclose="true">
  107. <input type="text" class="form-control" value="13:14">
  108. <span class="input-group-addon">
  109. <span class="glyphicon glyphicon-time"></span>
  110. </span>
  111. </div>
  112. <script type="text/javascript">
  113. $('.clockpicker').clockpicker();
  114. </script></code></pre>
  115. </div>
  116. <div class="form-group">
  117. <h4>Set options in javascript, instead of <code>data-*</code> :</h4>
  118. <div class="input-group clockpicker" data-placement="top" data-align="left" data-donetext="Done">
  119. <input type="text" class="form-control" value="18:00">
  120. <span class="input-group-addon">
  121. <span class="glyphicon glyphicon-time"></span>
  122. </span>
  123. </div>
  124. <pre class="hljs-pre"><code class="html"><div class="input-group clockpicker">
  125. <input type="text" class="form-control" value="18:00">
  126. <span class="input-group-addon">
  127. <span class="glyphicon glyphicon-time"></span>
  128. </span>
  129. </div>
  130. <script type="text/javascript">
  131. $('.clockpicker').clockpicker({
  132. placement: 'top',
  133. align: 'left',
  134. donetext: 'Done'
  135. });
  136. </script></code></pre>
  137. </div>
  138. <div class="form-group">
  139. <h4>Set default value, input without addon, and manual operations:</h4>
  140. <div class="clearfix">
  141. <div class="pull-center clearfix" style="margin-bottom:10px;">
  142. <button type="button" class="btn btn-default pull-right" id="check-minutes">Check the minutes</button>
  143. <input class="form-control pull-right" id="single-input" value="" placeholder="Now" style="width:80px;margin-right:20px;">
  144. </div>
  145. </div>
  146. <pre class="hljs-pre"><code class="html"><input class="form-control" id="single-input" value="" placeholder="Now">
  147. <button type="button" id="check-minutes">Check the minutes</button>
  148. <script type="text/javascript">
  149. var input = $('#single-input').clockpicker({
  150. placement: 'bottom',
  151. align: 'left',
  152. autoclose: true,
  153. 'default': 'now'
  154. });
  155. // Manually toggle to the minutes view
  156. $('#check-minutes').click(function(e){
  157. // Have to stop propagation here
  158. e.stopPropagation();
  159. input.clockpicker('show')
  160. .clockpicker('toggleView', 'minutes');
  161. });
  162. </script></code></pre>
  163. </div>
  164. <h3>Options</h3>
  165. <table class="table table-bordered table-striped">
  166. <thead><tr>
  167. <th>Name</th>
  168. <th>Default</th>
  169. <th>Description</th>
  170. </tr></thead>
  171. <tbody>
  172. <tr>
  173. <td>default</td>
  174. <td>''</td>
  175. <td>default time, 'now' or '13:14' e.g.</td>
  176. </tr>
  177. <tr>
  178. <td>placement</td>
  179. <td>'bottom'</td>
  180. <td>popover placement</td>
  181. </tr>
  182. <tr>
  183. <td>align</td>
  184. <td>'left'</td>
  185. <td>popover arrow align</td>
  186. </tr>
  187. <tr>
  188. <td>donetext</td>
  189. <td>'完成'</td>
  190. <td>done button text</td>
  191. </tr>
  192. <tr>
  193. <td>autoclose</td>
  194. <td>false</td>
  195. <td>auto close when minute is selected</td>
  196. </tr>
  197. <tr>
  198. <td>vibrate</td>
  199. <td>true</td>
  200. <td>vibrate the device when dragging clock hand</td>
  201. </tr>
  202. <tr>
  203. <td>fromnow</td>
  204. <td>0</td>
  205. <td>set default time to * milliseconds from now (using with default = 'now')</td>
  206. </tr>
  207. </tbody>
  208. </table>
  209. <h3>Operations</h3>
  210. <table class="table table-bordered table-striped">
  211. <thead><tr>
  212. <th>operation</th>
  213. <th>Arguments</th>
  214. <th>Description</th>
  215. </tr></thead>
  216. <tbody>
  217. <tr>
  218. <td>show</td>
  219. <td></td>
  220. <td>show the clockpicker</td>
  221. </tr>
  222. <tr>
  223. <td>hide</td>
  224. <td></td>
  225. <td>hide the clockpicker</td>
  226. </tr>
  227. <tr>
  228. <td>remove</td>
  229. <td></td>
  230. <td>remove the clockpicker (and event listeners)</td>
  231. </tr>
  232. <tr>
  233. <td>toggleView</td>
  234. <td>'hours' or 'minutes'</td>
  235. <td>toggle to hours or minutes view</td>
  236. </tr>
  237. </tbody>
  238. </table>
  239. <h3>What's included</h3>
  240. <pre class="hljs-pre"><code class="bash">clockpicker/
  241. ├── dist/
  242. │ ├── bootstrap-clockpicker.css # full code for bootstrap
  243. │ ├── bootstrap-clockpicker.js
  244. │ ├── bootstrap-clockpicker.min.css # compiled and minified files for bootstrap
  245. │ ├── bootstrap-clockpicker.min.js
  246. │ ├── jquery-clockpicker.css # full code for jquery
  247. │ ├── jquery-clockpicker.js
  248. │ ├── jquery-clockpicker.min.css # compiled and minified files for jquery
  249. │ └── jquery-clockpicker.min.js
  250. └── src/ # source code
  251. ├── clockpicker.css
  252. ├── clockpicker.js
  253. └── standalone.css # some styles picked from bootstrap</code></pre>
  254. <h3>License</h3>
  255. <p>MIT</p>
  256. </div>

  258. <script type="text/javascript" src="assets/js/jquery.min.js"></script>
  259. <script type="text/javascript" src="assets/js/bootstrap.min.js"></script>
  260. <script type="text/javascript" src="dist/bootstrap-clockpicker.min.js"></script>
  261. <script type="text/javascript">
  262. $('.clockpicker').clockpicker()
  263. .find('input').change(function(){
  264. console.log(this.value);
  265. });
  266. var input = $('#single-input').clockpicker({
  267. placement: 'bottom',
  268. align: 'left',
  269. autoclose: true,
  270. 'default': 'now'
  271. });
  272. // Manually toggle to the minutes view
  273. $('#check-minutes').click(function(e){
  274. // Have to stop propagation here
  275. e.stopPropagation();
  276. input.clockpicker('show')
  277. .clockpicker('toggleView', 'minutes');
  278. });
  279. if (/mobile/i.test(navigator.userAgent)) {
  280. $('input').prop('readOnly', true);
  281. }
  282. </script>
  283. <script type="text/javascript" src="assets/js/highlight.min.js"></script>
  284. <script type="text/javascript">
  285. hljs.configure({tabReplace: ' '});
  286. hljs.initHighlightingOnLoad();
  287. </script>
  288. </body>
  289. </html>
复制代码

快速回复 返回顶部 返回列表