<!DOCTYPE html>

<html>

    <head>

        <title></title>

        <link href="./bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">

        <link href="../css/bootstrap-datetimepicker.min.css" rel="stylesheet" media="screen">

    </head>

    <body>

        <div class="container">

            <form action="" class="form-horizontal" role="form">

                <fieldset>

                    <legend>Test</legend>

                    <div class="form-group">

                        <label for="dtp_input1" class="col-md-2 control-label">DateTime Picking</label>

                        <div class="input-group date form_datetime col-md-5" data-date="1979-09-16T05:25:07Z" data-date-format="dd MM yyyy - HH:ii p" data-link-field="dtp_input1">

                            <input class="form-control" size="" type="text" value="" readonly>

                            <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>

                            <span class="input-group-addon"><span class="glyphicon glyphicon-th"></span></span>

                        </div>

                        <input type="hidden" id="dtp_input1" value="" /><br/>

                    </div>

                    <div class="form-group">

                        <label for="dtp_input2" class="col-md-2 control-label">Date Picking</label>

                        <div class="input-group date form_date col-md-5" data-date="" data-date-format="mm/yyyy" data-link-field="dtp_input2">

                            <input class="form-control" size="" type="text" value="" readonly>

                            <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>

                            <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>

                        </div>

                        <input type="hidden" id="dtp_input2" value="" /><br/>

                    </div>

                    <div class="form-group">

                        <label for="dtp_input3" class="col-md-2 control-label">Time Picking</label>

                        <div class="input-group date form_time col-md-5" data-date="" data-date-format="hh:ii" data-link-field="dtp_input3" data-link-format="hh:ii">

                            <input class="form-control" size="" type="text" value="" readonly>

                            <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>

                            <span class="input-group-addon"><span class="glyphicon glyphicon-time"></span></span>

                        </div>

                        <input type="hidden" id="dtp_input3" value="" /><br/>

                    </div>

                </fieldset>

            </form>

        </div>

        <script type="text/javascript" src="./jquery/jquery-1.8.3.min.js" charset="UTF-8"></script>

        <script type="text/javascript" src="./bootstrap/js/bootstrap.min.js"></script>

        <script type="text/javascript" src="../js/bootstrap-datetimepicker.js" charset="UTF-8"></script>

        <script type="text/javascript" src="../js/locales/bootstrap-datetimepicker.fr.js" charset="UTF-8"></script>

        <script type="text/javascript">

            $('.form_datetime').datetimepicker({

                //language:  'fr',

                weekStart: ,

                todayBtn: ,

                autoclose: ,

                todayHighlight: ,

                startView: ,

                forceParse: ,

                showMeridian:

            });

            $('.form_date').datetimepicker({

                language: 'fr',

                weekStart: ,

                todayBtn: ,

                autoclose: ,

                todayHighlight: ,

                startView: 'year',

                minView: 'year',

                maxView: 'decade',

                forceParse:

            });

            $('.form_time').datetimepicker({

                language: 'fr',

                weekStart: ,

                todayBtn: ,

                autoclose: ,

                todayHighlight: ,

                startView: ,

                minView: ,

                maxView: ,

                forceParse:

            });

        </script>

    </body>

</html>

datetimepicker的更多相关文章

  1. Bootstap datetimepicker报错TypeError: intermediate value

    Bootstrap datetimepicker有多个版本,官方的链接中,只是datepicker,没有时间的选择,原版的datetimepicker也不再更新,不能用新版的jquery.现在http ...

  2. jQuery DateTimePicker 日期和时间插件

    jQuery UI很强大,其中的日期选择插件Datepicker是一个配置灵活的插件,我们可以自定义其展示方式,包括日期格式.语言.限制选择日期范围.添加相关按钮以及其它导航等. 日期选择插件是一个配 ...

  3. jQuery DateTimePicker 日期控件

    在线实例 实例演示 使用方法 <input id="datetimepicker" type="text" > 复制 $('#datetimepic ...

  4. 物联网平台设计心得：DateTimePicker实现选择联动

    所谓的选择联动,就是指,当我DateTimePicker1选择2月4号的时候,我DateTimePicker2只能选择2月4号和2月5号两天,当然你可以自行规定要选择的日期.这在一些图表查询条件里面是 ...

  5. 在asp.net mvc4项目里bootstrap datetimepicker控件的使用

    前段时间写了一篇关于调用阿里大于的短信接口来开发例会短信群发通知功能的文章http://www.cnblogs.com/zhouyuangan/p/apicall_1.html,其中的例会时间是需求中 ...

  6. DateTimePicker如何与Delphi自带Style同步

    Delphi 的 DateTimePicker 组件有一个CalColors属性,可以设置 DropDown 打开的日历节目的风格.但如果不使用 Delphi 自带的 Style,在这里设置属性看不到 ...

  7. 一款基于bootstrap的datetimepicker

    <!DOCTYPE HTML> <html> <head> <link href="http://netdna.bootstrapcdn.com/t ...

  8. datetimepicker一个不错的日历android特效

    datetimepicker一个不错的日历效,选中和选择日历效果都很不错, 实用的时候直接可以把datetimepicker-library这个引入到项目,调用的地方在实现 TimePickerDia ...

  9. 注意：DateTimePicker.Text不靠谱

    这鸟属性把我害苦过,特此敬告一下大家.具体表现在: 获取时:在DateTimePicker.ValueChanged事件中,获取到的Text有可能是string.Empty!!!,特别当ValueCh ...

  10. web 前端常用组件【04】Datetimepicker 和 Lodop

    web项目中日期选择器和打印这两个功能是非常常见,将使用过的日期和打印控件,在这里总结归纳,为方便后面使用. 1.Datetimepicker a.官方API:http://www.bootcss.c ...

随机推荐

  1. Linux磁盘管理命令（fdisk，mount，umount，mkfs）

    查看磁盘:fdisk -l 一块磁盘可以分14个分区 [root@wendyhost ~]# fdisk -l Disk /dev/sda: 64.4 GB, 64424509440 bytes 25 ...

  2. 名义人均GDP的背后，中国真实的人均GDP是1.2万美元！（中国GDP含金量较高）

    来源:天涯社区 根据IMF(国际货币基金组织)在今年4月的报告,2014年份中国人均GDP为7600美元,在185个国家当中排行第78位. 然而,根据楼主在国外行走多年的经验,巴西.墨西哥.马来西亚. ...

  3. 二.数据库游标对象cursor与实例

    1.数据库游标对象cursor 2.select实例 代码展示: import pymysql conn=pymysql.connect( host='192.168.199.249', port=3 ...

  4. mysql什么情况下使用索引

    表的主关键字 自动建立唯一索引 如zl_yhjbqk(用户基本情况)中的hbs_bh(户标识编号) 表的字段唯一约束 ORACLE利用索引来保证数据的完整性 如lc_hj(流程环节)中的lc_bh+h ...

  5. Angular学习笔记—Rxjs、Promise的区别

    Promises: 异步操作完成或失败时处理单个事件 不可取消 代码可读性强,有try/catch Observables: 可持续监听和响应多个事件 可取消订阅 支持map, filter, red ...

  6. corethink功能模块探索开发（十四）后台编辑按钮

    效果图: 1.添加下图55&58行代码 2.实现edit方法 位于Equip/Admin/DeviceRepaireAdmin.class.php中 public function edit( ...

  7. tkprof工具详解二

      TKPROF是一个可执行文件,自带在Oracle Server软件中,无需额外的安装. 该工具文件可以用来解析ORACLE的SQL TRACE(10046) 以便生成更可读的内容.  实际上tkp ...

  8. Deep learning Reading List

    本文来自:http://jmozah.github.io/links/ Following is a growing list of some of the materials i found on ...

  9. java 小数转百分比

    NumberFormat percent = NumberFormat.getPercentInstance(); percent.setMaximumFractionDigits(2); //保留多 ...

  10. python之路 JavaScript基础

    一.JavaScript简介 JavaScript一种直译式脚本语言,是一种动态类型.弱类型.基于原型的语言,内置支持类型.它的解释器被称为JavaScript引擎,为 浏览器的一部分,广泛用于客户端 ...