<!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. WINDOWS CLUSTER -- 时间不同步导致的群集问题

    故障描述,重启服务器后,发现该重启节点未成功加入到Windows群集中,导致该节点上的Alwayson服务也受影响处于“正在解析”状态,尝试重启cluster服务,发现无效,查看windows日志,发 ...

  2. socket粗解

    百度定义:网络上的两个程序通过一个双向的通信连接实现数据的交换,这个连接的一端称为一个socket. Socket通信流程: 网络上的两个程序通过一个双向的通信连接实现数据的交换,这个连接的一端称为一 ...

  3. css中“~”和“>”是什么意思

    p~ul选择器 p之后出现的所有ul. 两种元素必须拥有相同的父元素,但是 ul不必直接紧随 p. css中“>”是: css3特有的选择器,A>B 表示选择A元素的所有子B元素. 与A ...

  4. Windows的cmd窗口显示utf8字符

    用XeLaTeX的时候,查字体需要用fc-list命令,XeLaTeX用的都是utf编码,所以fc-list输出的字体信息也是utf编码.因此需要把cmd窗口也改成utf8编码才能看到这些字体信息.U ...

  5. 实现输入框不可输入、解决Enable,Disable等不能更新值问题

    当在前台JS中更新不可用输入框(TextBox.Enable ="false"  or Input box ReadOnly ="True")的值时, 后台可能 ...

  6. NET npoi 保存文件

    npoi完整代码:NET npoi帮助类 public static void DataTableToExcel(List<DataTable> dataTables, string fi ...

  7. .net项目的mvc简单发布

    基于VS2015 1. 右键要发布的项目的启动项目 2. 弹窗选择自定义,随意输入配置文件名称 3. 下一页选择FileSystem文件系统发布,同时选择将文件系统发布到本地的路径 4. 下一页,选择 ...

  8. 背水一战 Windows 10 (50) - 控件（集合类）: ItemsControl - 基础知识, 数据绑定, ItemsPresenter, GridViewItemPresenter, ListViewItemPresenter

    [源码下载] 背水一战 Windows 10 (50) - 控件(集合类): ItemsControl - 基础知识, 数据绑定, ItemsPresenter, GridViewItemPresen ...

  9. 3、JUC--ConcurrentHashMap 锁分段机制

    ConcurrentHashMap  Java 5.0 在 java.util.concurrent 包中提供了多种并发容器类来改进同步容器的性能.  ConcurrentHashMap 同步容器 ...

  10. vue.js 常用组件库

    vux github ui demo:https://github.com/airyland/vux Mint UI 项目主页:http://mint-ui.github.io/#!/zh-cndem ...