bootstrap-datepicker选择日期和时间

梦里梦外; 2023-06-07 03:21 33阅读 0赞

<link rel="stylesheet" href="${base}/assets/css/bootstrap-datetimepicker.css" />
    <div class="form-group">
       <label>开始时间</label>
       
       <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>
       
       <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 条评论，33人围观）

还没有评论，来说两句吧...

相关阅读

相关 elementUI日期时间选择器

1.只能选择今天和今天以后的时间范围 <el-date-picker 　　v-model="shop.receive_time[0]" 　　type=

分手后的思念是犯贱/ 2024年04月08日 09:29/ 0 赞/ 219 阅读

相关 VUE-日期选择器-结束时间>开始时间

功能要求：限制结束时间选择范围，结束时间能够选择的起始日期，随着开始时间的选择而变化，也就是保证结束时间时钟>=开始时间。 ![watermark_type_ZmFu

女爷i/ 2023年08月17日 17:46/ 0 赞/ 255 阅读

相关 bootstrap-datepicker选择日期和时间

<link rel="stylesheet" href="${base}/assets/css/bootstrap-datetimepicker.css" />

梦里梦外;/ 2023年06月07日 03:21/ 0 赞/ 34 阅读

相关 elementui日期时间选择限制

参考文章 https://blog.csdn.net/qq\_36747046/article/details/106946325 https://blog.csdn.n

Bertha 。/ 2022年12月22日 15:30/ 0 赞/ 384 阅读

相关联合使用DatePicker和TimePicker来选择日期和时间

在Android系统中，使用DatePicker和TimePicker对象可以实现动态输入日期和时间的功能。本实例联合使用了DatePicker、TimePicker和Text

素颜马尾好姑娘i/ 2022年09月24日 05:30/ 0 赞/ 336 阅读

相关联合使用DatePIcker和TimePicker来选择日期和时间

TimePicker中的主要方法： setCurrentMinute(Integer currentMinute):设置当前时间的分钟。 getCurrentMinute(

怼烎@/ 2022年07月17日 02:27/ 0 赞/ 327 阅读

相关滚轮效果View的日期选择器和时间选择器和对话框

滚轮效果View的日期选择器和时间选择器和对话框由于之前需要使用滚轮效果的时间View，摸索一一段时间自己封装了一个，应该对大家都是有点帮助的。原本我是在一个多选

Myth丶恋晨/ 2022年06月14日 06:50/ 0 赞/ 472 阅读

相关日期时间选择框

日期时间选择框: 1) jsp 部分: <div class="form-group"> <label for="dtp_input1"

川长思鸟来/ 2022年05月13日 13:00/ 0 赞/ 396 阅读

相关 Form-datetimepicker日期时间选择器

一、日期和时间点 DateTimePicker 日期时间选择器,在同一个选择器里选择日期和时间通过设置type属性为datetime，即可在同一个选择器里同时进

- 日理万妓/ 2022年03月29日 10:50/ 0 赞/ 710 阅读

相关 Android DatePicker和TimePicker：时间日期选择器

[Android][] SDK 提供了 DatePicker 和 TimePicker 组件，分别对日期和时间进行选择，方便日期和时间设定。下面用一个简单的实例讲解

绝地灬酷狼/ 2021年12月09日 23:13/ 0 赞/ 674 阅读