jQuery EasyUI/TopJUI创建日期时间输入框

日期时间输入框组件

HTML

和日期输入框类似，日期时间输入框允许用户选择日期和指定的时间并按照指定的输出格式显示。相比日期输入框，它在下拉面板中添加了一个时间微调器。

<div class="topjui-container"><fieldset><legend>默认日期时间输入框</legend></fieldset><div class="topjui-row"><div class="topjui-col-sm6"><label class="topjui-form-label">开始时间</label><div class="topjui-input-block"><input name="birthday"data-toggle="topjui-datetimebox"data-options="required:true,width:450,showSeconds:false"> //是否显示秒钟信息</div></div><div class="topjui-col-sm6"><label class="topjui-form-label">结束时间</label><div class="topjui-input-block"><input name="birthday"data-toggle="topjui-datetimebox"data-options="required:true,width:450,showSeconds:true"></div></div></div>
</div>

<input id="dt" type="text" name="birthday">
$('#dt').iDatetimebox({value: '3/4/2010 2:3',required: true,showSeconds: false
});

设置日期时间输入框

$('#dt').iDatetimebox('setValue', '6/1/2012 12:30:56');    // 设置日期时间输入框的值
var v = $('#dt').iDatetimebox('getValue');               // 获取日期时间输入框的值
alert(v);

EasyUI中文网：http://www.jeasyui.cn

TopJUI前端框架：http://www.topjui.com

TopJUI交流社区：http://ask.topjui.com

jQuery EasyUI/TopJUI创建日期时间输入框相关推荐

jQuery EasyUI/TopJUI基本的数字输入框（保留两位小数，带前缀后缀...）
jQuery EasyUI/TopJUI基本的数字输入框(保留两位小数,带前缀后缀...) numberbox(数值输入框) HTML required:必填字段,默认为false:prompt:显示 ...
JQuery Easyui/TopJUI 用JS创建数据表格并实现增删改查功能
JQuery Easyui/TopJUI 用JS创建数据表格并实现增删改查功能 JQuery Easyui/TopJUI 用JS创建数据表格并实现增删改查功能 html <table id=&q ...
第二百一十三节，jQuery EasyUI，NumberBox(数值输入框)组件
jQuery EasyUI,NumberBox(数值输入框)组件功能:只能输入数值,和各种数值的计算学习要点: 1.加载方式 2.属性列表 3.事件列表 4.方法列表本节课重点了解 EasyUI ...
oracle 时间小于,jquery easyui 对于开始时间小于结束时间的判断示例
对于开始时间小于结束时间的判断可以参考,jquery easyui里的ValidateBox进行判断好吧!直接上代码查看内容:按时间: 至 var varify;//用于查询验证,验证开始时间是否 ...
使用jquery easyui datetimebox 设置默认时间
项目中用到了jquery easyui datetimebox 设置默认时间,需要将数据库一个对象的"创建时间"字段,在JSP中设置为默认时间显示. 通过查找jquery esa ...
Easyui之DateBox日期输入框
DateBox初步介绍前言案例演示 1.静态html实现 2.js动态加载数据实现总结前言今天为大家分享的知识点是DateBox组件,博主自主学习之后决定分享给你们啦,感兴趣的小伙伴们搬好小 ...
jquery+easyui开发、培训文档
目录 1.... Accordion(可折叠标签)......................................................................... ...
JQuery EasyUI之DataGrid列名和数据列分别设置不同对齐方式(转)
需求如下现有数据列三列 Name,Age,CreateDate 数据张三,18,2000-12-09 :12:34:56 李四,28,2000-12-09 :12:34:56 王麻子,38,200 ...
JQuery EasyUI之DataGrid列名和数据列分别设置不同对齐方式
我使用的Jquery Easyui 1.2.6 需求如下现有数据列三列 Name,Age,CreateDate 数据张三,18,2000-12-09 :12:34:56 李四,28,2000-1 ...
jquery easyui中文培训文档
目录 1.... Accordion(可折叠标签)......................................................................... ...

jQuery EasyUI/TopJUI创建日期时间输入框

jQuery EasyUI/TopJUI创建日期时间输入框相关推荐

最新文章

热门文章