有关单日历空间

来源：互联网发布：金融科技知乎编辑：程序博客网时间：2024/05/19 10:36

（1）双日历控件的代码：[里面牵扯到jquery-easy UI的框架]

<li class="bootstrapdate"><label>时间范围：</label><span style="white-space:pre"></span><div class="well"><div class="control-group"><div class="input-prepend input-group"><span class="add-on input-group-addon"> <i class="dateing"></i></span><input type="text" readonly="readonly" name="reservation" id="reservation" class="form-control" placeholder="" /></div></div><input type="hidden" value="" id="dateFrom" name="dateFrom"><input type="hidden" value="" id="dateTo" name="dateTo"><link rel="stylesheet" type="text/css" href="css/themes/bootstrap/daterangepicker-bs3.css" /><!--日期组件样式 --><script type="text/javascript" src="js/daterangepicker.js"></script><!--日期组件库 --><script type="text/javascript">$(document).ready(function() {   $('#reservation').daterangepicker(null,function(start,end,label) {var starttime = start.toISOString();var endtime = end.toISOString();$("#dateFrom").val(starttime);$("#dateTo").val(endtime);      });   });</script></div></li>

（2）单日历控件的代码：[直接使用easy-UI的框架]

<input type="text" class="easyui-datebox" name="dateFrom" placeholder="选择开始时间" data-options="editable:false"></input>

0 0