<!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. delphi ---ttoolbar，ttoolbutton

    1.button style:tbsButton,tbsCheck,tbsDivider,tbsDropDown,tbsSeparator,tbsTextButton tbsButton:普通的控件 ...

  2. java操作mongoDB数据库的简单实例

    首先导入mongoDB的jar包 http://pan.baidu.com/s/1bnGMJRD //DataBase.java package com.mongodb.test; import ja ...

  3. convention over configuration 约定优于配置 按约定编程 约定大于配置 PEP 20 -- The Zen of Python

    为什么说 Java 程序员必须掌握 Spring Boot ?_知识库_博客园 https://kb.cnblogs.com/page/606682/ 为什么说 Java 程序员必须掌握 Spring ...

  4. 如何编译部署 UIKit 离线文档？

    如何编译部署 UIKit 离线文档? Whis is UIKit? Note:部署在 Windows 系统会出现路径错误情况,这里采用在 Debian 系统上进行编译和部署. 1. 安装一些前置工具 ...

  5. flannel相关资料链接

    1.DockOne技术分享(十八):一篇文章带你了解Flannel http://dockone.io/article/618 2.理解Kubernetes网络之flannel网络http://ton ...

  6. yield的表达式形式、面向过程编程（grep -rl 'root' /etc）

    一.yield的表达形式 def foo(): print('starting') while True: x=yield None#return 2 print('value :',x) g=foo ...

  7. Ecstore 会员中心 菜单添加一项

    1.会员中心 添加菜单 ecstore_合并支付总结_会员中心添加菜单_20160113 class : b2c_ctl_site_member (图 1)     第一步: (图1)         ...

  8. Codeforces Round #397 by Kaspersky Lab and Barcelona Bootcamp (Div. 1 + Div. 2 combined) C - Table Tennis Game 2

    地址:http://codeforces.com/contest/765/problem/C 题目: C. Table Tennis Game 2 time limit per test 2 seco ...

  9. HDU 4370 - 0 or 1 （SPFA+思维）

    题意:给一个N*N的矩阵C,和一个N*N的只由0和1组成的矩阵X. X满足以下条件: 1.X 12+X 13+...X 1n=1  2.X 1n+X 2n+...X n-1n=1  3.任意 i (1 ...

  10. python网络编程——IO多路复用select/poll/epoll的使用

    转载博客: http://www.haiyun.me/archives/1056.html http://www.cnblogs.com/coser/archive/2012/01/06/231521 ...