Bootstrap 3 Datepicker 使用過程

時間 2019-11-06

標籤 bootstrap datepicker 使用過程欄目 Bootstarp 简体版

原文原文鏈接

最近在建立記錄的時候，須要用到日曆的功能。自己是使用的bootstrap佈局的，因此就找到Datepicker，看了一下用起來仍是挺方便的。下面就是使用過程。javascript

依賴的資源

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

安裝方式

因爲我是Visual Studio開發工具，因此就使用bower安裝這個資源。css

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

經過上面的命令，就將資源引入到工程裏了。下面就能夠在頁面中使用了。java

<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>

相關標籤/搜索

datepicker&timepicker

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。