时间插件

1.年月日时分插件

引入五个js文件 (顺序不可乱) ，一个css文件（mobiscroll.css） 我的百度云盘。

js代码

$(function () {
    setTimeJs()
});

function setTimeJs() {
    var currYear = (new Date()).getFullYear();
    var opt={};
    opt.date = {preset : 'date'};
    opt.datetime = {preset : 'datetime'};
    opt.time = {preset : 'time'};
    opt.default = {
        theme: 'android-ics light', //皮肤样式
        display: 'modal', //显示方式
        mode: 'scroller', //日期选择模式
        dateFormat: 'yyyy-mm-dd',
        timeFormat: 'HH:ii:ss',
        lang: 'zh',
        showNow: true,
        nowText: "今天",
        startYear: currYear, //开始年份
        endYear: currYear + 10 //结束年份
    };

    $("#appDate").mobiscroll($.extend(opt['date'], opt['default']));
    var optDateTime = $.extend(opt['datetime'], opt['default']);
    var optTime = $.extend(opt['time'], opt['default']);
    $(".appDateTime").mobiscroll(optDateTime).datetime(optDateTime);
    $("#appTime").mobiscroll(optTime).time(optTime);
}

html代码

html代码：<input type="text" placeholder="请选择开始时间" class="appDateTime">

2.日历插件

js代码：外部引入 jquery-ui.css，jquery-ui.js两个文件夹（百度云盘）

<script>
      $( ".date" ).datepicker();
</script>

html代码：

<input type="text" placeholder="请选择开始时间" class="date">