<!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. “全栈2019”Java多线程第三十三章：await与signal/signalAll

    难度 初级 学习时间 10分钟 适合人群 零基础 开发语言 Java 开发环境 JDK v11 IntelliJ IDEA v2018.3 文章原文链接 "全栈2019"Java多 ...

  2. [学习笔记]我们追过的神奇异或（Trie树系列）

    引言 刚学了\(Trie\)树,写篇博客巩固一下. 题目 首先安利一发\(Trie\)树模板 1.Phone List 2.The XOR largest pair 3.The xor-longest ...

  3. jzoj4229

    按照題意暴力模擬即可 #include<bits/stdc++.h> using namespace std; int m; typedef long long ll; ll a1,q,n ...

  4. re模块 模块

    import re findall()  烦的奥 import re # 1. findall 查找所有结果,数据不是特别庞大 lst = re.findall('a','abcsdfasdfa') ...

  5. Linux巩固记录（5） hadoop 2.7.4下自己编译代码并运行MapReduce程序

    程序代码为 ~\hadoop-2.7.4\share\hadoop\mapreduce\sources\hadoop-mapreduce-examples-2.7.4-sources\org\apac ...

  6. Vue + Bootstrap 制作炫酷个人简历（一）

    最近看了别人做的简历,简单炫酷,自己非常喜欢,于是打算自己做一个,尝试一下. 由于写这篇随笔的时候才开始动工,所以目前没有成品给大家看. emmm等我更新完会在最后附上成品. 现在 开始! 首先 配置 ...

  7. Swfit 里 Array（五）和 NSArray 转换

     只看 Swift Array 到 NSArray Array 里的源代码 extension Array { @inlinable public // @SPI(Foundation) func ...

  8. 关于SQL的常用操作（增、删、改、查）

    关于SQL的常见操作主要是增.删.改.查. 1.增,顾名思义就是新增数据(insert into).该语句用于向表中插入新纪录.insert into有两种用法. (1).无需指定要插入数据的列名,只 ...

  9. python互斥锁

    互斥锁 进程之间数据隔离, 但是多个进程可以共享同一块数据,比如共享同一套文件系统,所以访问同一个文件,或同一个打印终端,是没有问题的,而共享带来的是竞争,竞争带来的结果就是错乱,如下 from mu ...

  10. 《Python编程从入门到实践》--- 学习过程笔记(3)列表

    一.用[](方括号)表示列表,用,(逗号)分隔其中的元素. >>> name=['limei', 'hanmeimei', 'xiaoming'] >>> prin ...