flatpickr时间插件

flatpickr功能强大的日期时间选择器插件
实例:


<html lang="en" class="no-js">
    <head>
        <meta charset="utf-8" />
        <title>时间插件应用title>
        <link href="flatpickr/flatpickr.min.css" rel="stylesheet" type="text/css"/>
        <script type="text/javascript" src="jquery-3.1.1.min.js">script>
        <script type="text/javascript" src="flatpickr/l10n/zh.js">script>
        <script type="text/javascript" src="flatpickr/flatpickr.min.js">script>
    head>
    <body>
        <form action="">
        <label>时间插件应用label>
        <input type="text" class="flatpickr">
        form>
    body>
    <script type="text/javascript">
    $(".flatpickr").flatpickr({
        enableTime: true,
        locale: "zh",
        minuteIncrement: 1,
        time_24hr: true,
        });
    script>
html>

在线演示 :
http://www.niuqiqi.com/api/demo/index.php?url=/z-dm/2016/8/niuqiqi221430

flatpickr日期时间选择器插件的github地址为:https://github.com/chmln/flatpickr。

其他时间选择:
http://www.niuqiqi.com/html/down-tag-shijianxuanze.html
日期选择:
http://www.niuqiqi.com/html/down-tag-riqixuanze.html

你可能感兴趣的:(html,JS)