datetimepicker使用方法

1.引入文件

<link rel="stylesheet" href="css/bootstrap-datetimepicker.min.css" />

<script type="text/javascript" src="js/bootstrap-datetimepicker.min.js" ></script>

<script type="text/javascript" src="js/bootstrap-datetimepicker.zh-CN.js" ></script>

2.给dom绑定id

<input type="text" class="input_date" id="renwu_time" placeholder="请选择时间" readonly="readonly" />

readonly属性----不可编辑

3.js加载

$("#renwu_time").datetimepicker({//选择年月日
        format: 'yyyy-mm-dd',  //显示格式

        language: 'zh-CN',   //显示语言,需要引入js语言包

        weekStart: 1,    //设置第一天星期几

扫描二维码关注公众号,回复: 2106327 查看本文章
todayBtn: 1,//显示‘今日’按钮
autoclose: 1,  // 当选择一个日期之后是否立即关闭此日期时间选择器。
todayHighlight: 1,  //设置今天为高亮
startView: 2,  //设置 日期选择器打开后显示的视图,2--月视图
minView: 2,  //Number, String. 默认值:0, 'hour',日期时间选择器所能够提供的最精确的时间选择视图。

//clearBtn:true,//清除按钮
});

猜你喜欢

转载自blog.csdn.net/qq_41756580/article/details/80966985
今日推荐