<!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. Net应用架构设计

    N-Tier 是从架构更大的维度上划分,每一个维度都是一个Tier(在微软的ESP2.0里翻译为”级”),比如电商架构划分如下: UI 服务接口 消息.缓存中间件 数据库 ...... Tier与Ti ...

  2. 一起做RGB-D SLAM调试

    最近在学习高博的一起做RGB-D SLAM第一版本,其中调试出现了挺多问题,百度查找许多资料, 最后调通所有程序,记录以下运行环境. 高博一起做RGB-D SLAM系列主页: http://www.c ...

  3. 学习使用turtlebot2——turtlebot2上使用Hokuyo激光雷达(型号UST-10LX)

    目标     在turtlebot2上添加Hokuyo激光雷达传感器,使用激光雷达调用gmapping进行建图. 配置情况     电脑使用Ubuntu 14.04版本,ROS为 Indigo,激光雷 ...

  4. 巨蟒python全栈开发数据库前端7:jQuery框架

    每个人的标准不同,看法等等,认识,价值观有所不同,促成了这些矛盾. 1.select例子 <!DOCTYPE html> <html lang="en"> ...

  5. ssh login waiting too much time

    usually dns error, please check /etc/resolv.conf

  6. LinkedList基本用法

    https://blog.csdn.net/i_lovefish/article/details/8042883

  7. Redis与Memcached的比较（转）

    原文:http://blog.nosqlfan.com/html/3729.html 这两年Redis火得可以,Redis也常常被当作Memcached的挑战者被提到桌面上来.关于Redis与Memc ...

  8. java jacob调用打印，word，excel横向打印

    public static boolean printOfficeFile(File f) { if (f != null && f.exists()) { String fileNa ...

  9. PHP Laravel 本地化语言支持

        That`s it. 我发如今网上Laravel的学习资料实在是太少了.好多东西须要自己去弄.去理解. 我的方法另一个,就是去github上面下载老外写的Laravel站点,然后拿下来自己执行 ...

  10. Github的markdwon如何使用表情符(Emoji)？表情包大全

    如输入 :smile: 会输出