<!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. MySQL 索引性能分析概要

    上一篇文章 MySQL 索引设计概要 介绍了影响索引设计的几大因素,包括过滤因子.索引片的宽窄与大小以及匹配列和过滤列.在文章的后半部分介绍了 数据库索引设计与优化 一书中,理想的三星索引的设计流程和 ...

  2. Spoken English Practice（not always estimating your status in other's hearts. you will lose yourself when you live in other's look. do your best and walk on you own way.）

    绿色:连读:                  红色:略读:               蓝色:浊化:               橙色:弱读     下划线_为浊化 口语蜕变(2017/7/8) 英 ...

  3. English Grammar

    What is Grammar?  

  4. ：nohlsearch

    vim 编辑器 ——黄色阴影的消除问题 - leikun153的博客 - CSDN博客 https://blog.csdn.net/leikun153/article/details/78903597 ...

  5. "AppServer"--->UDP--->"LogWriteServer"

    w 是否应该将日志的“写”独立至局域网的一台或一群专门服务于“写日志”的服务器?这样让“app服务器”专职地处理用户的请求,而不必因为“写日志甚至异步分析日志”来降低用户体验? Spencer老师 其 ...

  6. django 多数据库时 ORM语句 选择数据库

    多数据库时ORM语句选择数据库 不需要save的操作: 查询(删除的话查询语句后面加一个.delete()即可,修改的话在后面加一个.update()即可): models.表名.objects.us ...

  7. 【我的Android进阶之旅】Realm数据库学习资料汇总（持续更新）

    介绍 realm是一个跨平台移动数据库引擎,支持iOS.OS X(Objective-C和Swift)以及Android. 2014年7月发布.由YCombinator孵化的创业团队历时几年打造,是第 ...

  8. Andrew Ng机器学习编程作业:Regularized Linear Regression and Bias/Variance

    作业文件: machine-learning-ex5 1. 正则化线性回归 在本次练习的前半部分,我们将会正则化的线性回归模型来利用水库中水位的变化预测流出大坝的水量,后半部分我们对调试的学习算法进行 ...

  9. git rm与直接rm的区别

    git rm 行为: 1.删除一个文件 2.将被删除的这个文件纳入缓存区 $ git rm a rm 'a' $ git status On branch master Changes to be c ...

  10. tomcat 配置文件 介绍

    [root@mysql logs]# cd ../conf/ [root@mysql conf]# ll总用量 228drwxr-x---. 3 root root 4096 11月 15 2018 ...