<!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. android.os.NetworkOnMainThreadException的解决方案

    06-24 18:04:36.857: E/AndroidRuntime(22251): FATAL EXCEPTION: main 06-24 18:04:36.857: E/AndroidRunt ...

  2. DotNetCore依赖注入实现批量注入

    文章转载自平娃子(QQ:273206491):http://os.pingwazi.cn/resource/batchinjectservice 一.依赖注入 通过依赖注入,可以实现接口与实现类的松耦 ...

  3. WPF 触摸屏小键盘样式

    WPF程序,用于平板时,一些输入数量的地方我们需要弹出小键盘输入,这个键盘可以调系统的,也可以自己写. 分享个我现在用的一个数字键盘界面. <Window xmlns:dxe="htt ...

  4. Mysql 经典案例总结（学习之前需要有Mysql基础）01

    Sql 经典案例 gb 4.2 ** 1 检索记录 (1) 主要介绍 Sql的基本SELECT查询语句 使用 SELECT * from 表 查询数据 查询该表的每一列数据 * 代表所有的意思 也可以 ...

  5. Python黑客——快速编写信息收集器

    i春秋作家:大木瓜 环境:Python 3模块:LxmlRequestBeautifulsoup开始:首先看一下目标站: http://gaokao.chsi.com.cn/gkxx/zszcgd/d ...

  6. 利用Python做绝地科学家(外挂篇)

    i春秋作家:奶权 前言  玩吃鸡时间长的鸡友们 应该都知道现在的游戏环境非常差 特别在高端局 神仙满天飞 搞得很多普通玩家非常没有游戏体验  因为吃鸡的火爆 衍生出了一条巨大的外挂利益链 导致市面上出 ...

  7. isBalanced函数实现

    原文:从一道面试题谈起,作者:360奇舞团 刘观宇 题目: 创建一个函数来判断给定的表达式中的大括号是否闭合,返回 true/false,对于空字符串,返回 true var expression = ...

  8. Tools - 文本编辑器Notepad++

    00 - NotePad++ 官网 01 - Notepad++修改主题 依次点击设置---语言格式设置---选择主题,在显示界面中修改相关设置(背景色.前景色.字体等). 02 - Notepad+ ...

  9. iOS开发手记－iOS8中使用定位服务解决方案

    问题描述: 在iOS8之前,app第一次开始定位服务时,系统会弹出一个提示框来让用户选择是否允许使用定位信息.但iOS8后,app将不会出现这个弹窗.第一次运行之后,在设置->隐私->定位 ...

  10. 在Ubuntu下编译安装nginx

    一.安装nginx 1.安装前提 a)epoll,linux内核版本为2.6或者以上 b)gcc编译器,g++编译器 c)pcre库,函数库,支持解析正则表达式 d)zlib库:压缩解压功能 e)op ...