bootstrap-datepicker选择日期和时间

<link rel="stylesheet" href="${base}/assets/css/bootstrap-datetimepicker.css" />
<div class="form-group">
   <label>开始时间</label>
   <!--指定 date标记-->
   <div class='input-group date' id='datetimepicker1'>
      <input placeholder="请选择开始时间" id="startTime" name="startTime"  type='text' class="form-control" />
      <span class="input-group-addon">
                      <span class="glyphicon glyphicon-calendar"></span>
                  </span>
   </div>
</div>
<div class="form-group">
   <label>结束时间</label>
   <!--指定 date标记-->
   <div class='input-group date' id='datetimepicker2'>
      <input placeholder="请选择结束时间" id="endTime" name="endTime"  type='text' class="form-control" />
      <span class="input-group-addon">
                      <span class="glyphicon glyphicon-calendar"></span>
                  </span>
   </div>
</div>
<script src="${base}/assets/js/date-time/moment.min.js" type="text/javascript"></script>
<script src="${base}/assets/js/date-time/locales/moment.zh-CN.js" type="text/javascript"></script>
<script src="${base}/assets/js/date-time/bootstrap-datetimepicker.min.js" type="text/javascript"></script>
startTime:$("#startTime").val(),
endTime:$("#endTime").val(),
<#--搜索-->
$("#btnSearch").click(function(){
 $jqGrid.setGridParam({page:1,postData{startTime:$("#startTime").val(),endTime:$("#endTime").val(),property:$("#property").val(),keyword:$("#keyword").val()}}).trigger("reloadGrid");
});
$(function () {
   $('#datetimepicker1').datetimepicker({
      format: 'YYYY-MM-DD HH:mm:ss',
      locale: moment.locale('zh-cn')
   });
   $('#datetimepicker2').datetimepicker({
      format: 'YYYY-MM-DD HH:mm:ss',
      locale: moment.locale('zh-cn')
   });
});

//后台获取选中的日期和时间

String startTime = request.getParameter("startTime");
String endTime = request.getParameter("endTime");
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值