<!DOCTYPE html>

<head>

    <title>开始-结束时间测试</title>

</head>

<body>

<div>

    <p>方式一</p>

    <input  type="text" name="datetimeStart"    id="datetimeStart"  value="{$map.datetimeStart}" placeholder="请选择开始日期"  class="pull-left"  readonly />

    <input  type="text" name="datetimeEnd"   id="datetimeEnd"  value="{$map.datetimeEnd}" placeholder="请选择结束日期"  class="pull-left"   readonly  />

    <p>方式二</p>

    <!--<input type="text" class="picker" name="datetimeStart"  value="{$map.datetimeStart}"  placeholder="请选择开始日期" />-->

    --

    <!--<input type="text" class="picker" name="datetimeEnd"  value="{$map.datetimeEnd}"   placeholder="请选择结束日期" />-->

    <label class="control-label pull-right">日期：</label>

</div>

</body>

<link rel="stylesheet" href="__PUBLIC__/Assets/css/datepicker.css">

<script src="__PUBLIC__/Assets/js/date-time/bootstrap-datepicker.min.js"></script>

<script src="__PUBLIC__/Assets/js/date-time/locales/bootstrap-datepicker.zh-CN.js"></script>

<script type="text/javascript">

    //方式一 通过id选择器

    $("#datetimeStart").datepicker({

        format: 'yyyy-mm-dd',//格式

        language: 'zh-CN',//语言

        autoclose:true //选择后自动隐藏日历框

    });

    $("#datetimeEnd").datepicker({

        format: 'yyyy-mm-dd',

        language: 'zh-CN',

        autoclose:true

    });

</script>

<script type="text/javascript">

    ////方式二： 通过class选择器一下控制两个input标签，但class一般用于样式

    //        $(function () {

    //            $(".picker").datepicker({

    //                language: "zh-CN",

    //                autoclose: true,//选中之后自动隐藏日期选择框

    //               // clearBtn: true,//清除按钮

    //               // todayBtn: true,//今日按钮

    //                format: 'yyyy-mm-dd'//日期格式

    //            });

    //        });

</script>

<script>

    //后台接收

//    $a=I();

//    if(!empty($a['datetimeStart'])|| !empty($a['datetimeEnd'])){

//        $start= strtotime($a['datetimeStart']);

//        $end= strtotime($a['datetimeEnd']);

//        //组装查询条件

//        $where['create_time']=array(array('egt',$start),array('elt',$end),'and');

//       // var_dump($where['create_time']);

//       //注意:1如果存入的数据包括年月日时分秒，而查询时只使用年月日，此时eq无效；建议使用datetime组合yyyy-mm-dd hh:ii 。

//       //2 如果使用了连接查询 要带表的别名例如:join时 user as u ,那么查询条件  $where['u.create_time']

//    }

</script>

</html>

　　

bootstrap-datepicker 开始时间-结束时间 thinkphp的更多相关文章

  1. JS时间戳比较大小：对于一组时间戳(开始时间~结束时间)和另一组时间戳进行比较,用于判断被比较时间戳组是否在要求范围内

    /* *JS时间戳比较大小:对于一组时间戳(开始时间~结束时间)和另一组时间戳进行比较,用于判断被比较时间戳组是否在要求范围内 *@param date1 date2(形如:'2015-01-01'类 ...

  2. element ui组件的开始时间-结束时间验证

    <el-date-picker v-model="seach.before" type="date" placeholder="开始时间&quo ...

  3. vue问题五：element ui组件的开始时间-结束时间验证

    <el-date-picker v-model="seach.before" type="date" placeholder="开始时间&quo ...

  4. element-ui date-picker 设置结束时间大于等于开始时间且开始时间小于等于结束时间

    Part.1  问题 date-picker 组件在使用时,默认对时间是没有限制的,可以随便选择区间,官方文档添加了快捷选项,如:一周丶一月... 但是从用户体验方面出发,我们还是希望对时间进行有利的 ...

  5. java根据开始时间结束时间计算中间间隔日期

    public static void main(String[] args) throws Exception { String beginDate = "2016-07-16"; ...

  6. bootstrap 的 datetimepicker 结束时间大于开始时间

    web的时间js控件,在管理性的项目中频繁用到,总结了一些用到的知识,分享出来,供以后学习: 1.首先引用资源包: bootstrap基础资源包: bootstrap.min.css .bootstr ...

  7. datepicker，结束时间必须大于开始时间

    $('#js-start-time').datepicker({ dateFormat:'yy-mm-dd', onSelect: function( startDate ) { var $start ...

  8. php 本周开始时间和结束时间；本月开始时间结束时间；上月开始时间结束时间

    <?php /** * 功能:取得给定日期所在周的开始日期和结束日期 * 参数:$gdate 日期,默认为当天,格式:YYYY-MM-DD * $first 一周以星期一还是星期天开始,0为星期 ...

  9. php获取 本月 本周 或者 下月 下周的 开始时间 结束时间

    <?php $now_time = time(); $date=date("Y-m-d",$now_time); function get_date($date,$t='d' ...

随机推荐

  1. Redis持久化之RDB&&AOF的区别

    在说Redis持久化之前,需要搞明白什么是数据库状态这个概念,因为持久化的就是将内存中的数据库状态保存到磁盘上.那么什么是数据库状态呢?Redis是一个key-value数据库服务器,一般默认是有16 ...

  2. VS2017+EF+Mysql生成实体数据模型(解决闪退的坑) 版本对应才行

    最近要使用VS2017+EF+Mysql,在生成实体数据模型踏过一些坑,在此做个总结. 1.先下载并安装 mysql-connector-net-6.9.10.msi  和  mysql-for-vi ...

  3. Android RecycleView 的优化

    减少条目的 View 的层级.层级越少效率越高,尤其避免使用 weight.用 ConstraintLayout 可以最大程度减少层级. 使用 ViewStub.如果某个 view 可能不需要被加载, ...

  4. 一分钟学会git

    首先 克隆 源码地址 git clone git://github.com/jquery/jquery.git 更新 git pull查看状态 git status暂存所有(注意 . 表示全部暂存) ...

  5. Spring Boot中使用Swagger2构建RESTful API文档

    在开发rest api的时候,为了减少与其他团队平时开发期间的频繁沟通成本,传统做法我们会创建一份RESTful API文档来记录所有接口细节,然而这样的做法有以下几个问题: 1．由于接口众多,并且细 ...

  6. Influxdb简介与安装

    InfluxDB 是用Go语言编写的一个开源分布式时序.事件和指标数据库,无需外部依赖,类似的数据库有Elasticsearch.Graphite等 功能特色 基于时间序列,支持与时间有关的相关函数( ...

  7. jquery中ajax的几种方式

    三种简写: $.get(URL,data,function(data,status,xhr),dataType) $(selector).post(URL,data,function(data,sta ...

  8. POJ 2410

    #include <iostream> #include <cmath> #include <string> using namespace std; int gi ...

  9. xamarin自定义 application 无法调试

    我们在默认使用application 的时候发现 调试会爆异常 [application] public class DemoApplication:Application { } 根本原因是构造器 ...

  10. asp.net core中遇到需要自定义数据包解密方法的时候

    最近将公司的项目用.netcore重写, 服务的http外部接口部分收发消息是DES加解密的, 那么在asp.net core mvc的action处理之前需要加入解密这个步骤. 我第一想到的是用fi ...