EasyUI篇の日期控件

王朝学院·作者佚名  2016-08-27
窄屏简体版  字體: 小  |  中  |  大  |  超大  

页面代码:

1<input type="text"id='astartTime'class="easyui-datebox"style="width: 150px;"/>

View Code

JS代码:

1<script type="text/javascript">2$(function() {3$("#astartTime").datebox({4onSelect:function(date) {//选择日期5$("#astartTime ").val(date);6alert(date.getFullYear() + "年" + (date.getMonth() + 1) + "月" + date.getDate() + "日");7}8});9})10window.onload =function() {11$('#astartTime').datebox('setValue', formatterDate(newDate()));//设置日期初始日期为当前日期12}13formatterDate =function(date) {14varday = date.getDate() > 9 ? date.getDate() : "0" +date.getDate();15varmonth = (date.getMonth() + 1) > 9 ? (date.getMonth() + 1) : "0" + (date.getMonth() + 1);16returndate.getFullYear() + '-' + month + '-' +day;17};18</script>

View Code

运行效果图:

 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
© 2005- 王朝網路 版權所有 導航