jQuery 日期和时间插件 jquery-ui-timepicker-addon.js

最新推荐文章于 2024-08-09 07:06:21 发布

缤纷落叶之忠

最新推荐文章于 2024-08-09 07:06:21 发布

阅读量4.9k

点赞数 1

分类专栏： jQuery

本文链接：https://blog.csdn.net/x1207008324/article/details/80439507

版权

jQuery 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

官网地址：http://trentrichardson.com/examples/timepicker/

官网demo下载：https://github.com/trentrichardson/jQuery-Timepicker-Addon

插件效果图：
这里写图片描述

HTML
<script src="/js/jquery-ui-timepicker-addon.js" type="text/javascript"></script>

js
//初始化
$(function () {
    //日期
    var dayNamesMin = ["日", "一", "二", "三", "四", "五", "六"];
    var monthNamesShort = ["01月", "02月", "03月", "04月", "05月", "06月", "07月", "08月", "09月", "10月", "11月", "12月"];
    $.timepicker.regional['ru'] = {
        timeText: "选择时间",
        hourText: "小时",
        minuteText: "分钟",
        secondText: "秒",
        millisecText: "毫秒",
        currentText: "当前时间",
        closeText: "确定",
        ampm: false,
    };
    $.timepicker.setDefaults($.timepicker.regional['ru']);
    $("#start_date, #end_date").datetimepicker({
        dayNamesMin:dayNamesMin,
        monthNamesShort:monthNamesShort,
        changeMonth: true,
        changeYear: true,
        showSecond: true,
        dateFormat: "yy-mm-dd",
        timeFormat: "hh:mm:ss",
    });
});