EasyUI-DateTimeSpinner(日期时间微调框)
扩展自$.fn.timespinner.defaults,使用$.fn.datetimespinner.defaults重写默认值对象。 DateTimeSpinner (日期时间微调框)扩展自 (时间微调框),它允许用户使用微调按钮调整指定的字段。 用法 通过标签创建验证框。
-
<input class=“easyui-datetimespinner” style=”width:300px”>
使用Javascript创建验证框。
-
<input id=“dt” type=“text” style=”width:300px”>
$<!DOCTYPE html>
<html>
<head>
<meta charset=”UTF->
<title>Basic DateTimeSpinner – jQuery EasyUI Demo</title>
<link rel=”stylesheet” type=”text/css” href=”../../themes/default/easyui.css”>
<link rel=”stylesheet” type=”text/css” href=”../../themes/icon.css”>
<link rel=”stylesheet” type=”text/css” href=”../demo.css”>
<script type=”text/javascript” src=”../../jquery.min.js”></script>
<script type=”text/javascript” src=”../../jquery.easyui.min.js”></script>
</head>
<body>
<hBasic DateTimeSpinner</h
<p>Click spin button to adjust date and time.</p>
<div style=”margin:x “></div>
<input class=”easyui-datetimespinner” value=” style=”width:x;”>
</body>
</html>
属性 属性扩展自 timespinner,以下是新增的日期时间微调框属性。
属性名 |
属性值类型 |
描述 |
默认值 |
selections |
array |
选择高亮部分的值(该值必须设置正确,否则微调的时候会出问题)。 |
[[0,2],[3,5],[6,10],[11,13],[14,16],[17,19]] |
声明: 除非转自他站(如有侵权,请联系处理)外,本文采用 BY-NC-SA 协议进行授权 | 嗅谱网
转载请注明:转自《EasyUI-DateTimeSpinner(日期时间微调框)》
本文地址:http://www.xiupu.net/archives-2663.html
关注公众号:
微信赞赏
支付宝赞赏