EasyUI-DateTimeSpinner(日期时间微调框)

扩展自$.fn.timespinner.defaults,使用$.fn.datetimespinner.defaults重写默认值对象。 DateTimeSpinner (日期时间微调框)扩展自 (时间微调框),它允许用户使用微调按钮调整指定的字段。    用法 通过标签创建验证框。

  1. <input class=“easyui-datetimespinner” style=”width:300px”>

使用Javascript创建验证框。

  1. <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
关注公众号:嗅谱网

赞赏

wechat pay微信赞赏alipay pay支付宝赞赏

上一篇
下一篇

相关文章

在线留言

你必须 登录后 才能留言!