amazeui / datetimepicker-se

日期、时间选择(支持秒)插件

Home Page:http://amazeui.github.io/datetimepicker-se/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Amaze UI DatetimePicker SE


NPM version Dependency Status devDependency Status

日期、时间选择(支持秒)插件,移植自 Eonasdan 版 bootstrap-datetimepicker

使用说明:

  1. 获取 DatetimePicker SE
  • 直接下载
  • 使用 NPM: npm install amazeui-datetimepicker-se
  1. 在 Amaze UI 样式之后引入 DatetimePicker SE 样式(dist 目录下的 CSS):

DatetimePicker SE 依赖 Amaze UI 样式。

<link rel="stylesheet" href="path/to/amazeui.min.css" />
<link rel="stylesheet" href="path/to/amazeui.datetimepicker-se.min.css" />
  1. 引入 jQuery、Moment.js、DatetimePicker SE 插件(dist 目录下的 JS):

除了 jQuery 外,DatetimePicker SE 还依赖 Moment.js。如果觉得 moment-with-locales.js 太大,可以引入 moment.min.js(即不包含语言文件的版本),然后引入需要的语言文件

注意amazeui.datetimepicker-se.min.js 必须在 <body> 中引入,否则无法默认参数取不到 document.body 插件无法正常工作。

<script src="path/to/jquery.min.js"></script>
<script src="path/to/moment-with-locales.min.js"></script>
<script src="path/to/amazeui.datetimepicker-se.min.js"></script>
  1. 初始化 DatetimePicker SE:
$(function() {
    $('#my-datetimepicker-se').datetimepicker();
});

About

日期、时间选择(支持秒)插件

http://amazeui.github.io/datetimepicker-se/

License:Other


Languages

Language:JavaScript 54.8%Language:CSS 45.2%