zoukankan      html  css  js  c++  java
  • Bootstrap 3 Datepicker 使用过程

    最近在创建记录的时候,需要用到日历的功能。本身是使用的bootstrap布局的,所以就找到Datepicker,看了一下用起来还是挺方便的。下面就是使用过程。

    依赖的资源

    • jQuery
    • Moment.js
    • Bootstrap.js
    • Bootstrap Datepicker script
    • Bootstrap CSS
    • Bootstrap Datepicker CSS

    安装方式

    由于我是Visual Studio开发工具,所以就使用bower安装这个资源。

    bower install eonasdan-bootstrap-datetimepicker#latest --save
    

    通过上面的命令,就将资源引入到工程里了。下面就可以在页面中使用了。

    <head>
      <!-- ... -->
      <script type="text/javascript" src="/bower_components/jquery/jquery.min.js"></script>
      <script type="text/javascript" src="/bower_components/moment/min/moment.min.js"></script>
      <script type="text/javascript" src="/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
      <script type="text/javascript" src="/bower_components/eonasdan-bootstrap-datetimepicker/build/js/bootstrap-datetimepicker.min.js"></script>
      <link rel="stylesheet" href="/bower_components/bootstrap/dist/css/bootstrap.min.css" />
      <link rel="stylesheet" href="/bower_components/eonasdan-bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.min.css" />
    </head>
    
  • 相关阅读:
    完全N叉树寻找祖先
    MySql_Front新建数据库遇到访问地址冲突问题
    C++金额的中文大写
    STL_sort cmp
    螺旋数组
    ~
    Struts向JSP中传值
    Struts1-配置文件部分
    jQuery Ajax 的 load()方式
    jquery animate
  • 原文地址:https://www.cnblogs.com/dm521/p/6097728.html
Copyright © 2011-2022 走看看