基于Bootstrap的日期和时间选择器-bootschool.net

Bootstrap DateTime Picker是基于Bootstrap的日期时间选择器，它是Bootstrap 组件，能够简化页面上日期、时间的输入，方便设置日期时间值。

入门指南

引入依赖库

首先在头部<head>标签里引入必要的文件（不要忘了jQuery库的引入，我这里省略了）：

<link  href="./path/to/bootstrap-datetimepicker.min.css" rel="stylesheet" />
<script src="./path/to/bootstrap-datetimepicker.js"></script>

在标记中调用初始化日期插件方法

HTML

<input size="36" type="text" value="" class="mydatetime">

JS，使用脚本初始化日期组件

<script type="text/javascript">
    $(".mydatetime").datetimepicker({
        format: 'yyyy-mm-dd',//设置默认日期显示格式
        todayHighlight: 1,//设置今天的日期为高亮
        minView: "month",//设置只显示到月份
        startView:2,
        forceParse: 0,
        showMeridian: 1,
        autoclose: 1//设置选择后自动关闭
    });
</script>

the end

收藏评论

上一篇: 超小的jquery轮播插件-Unslider

下一篇: 推荐支持多文件上传的jQuery插件jQuery File Upload