Bootstrap笔记-----时间控件的使用03

一、下载包后将这两个文件拷进工程名录static下

 

二、页面引入jquery bootstrap等相关后

再引入

<link href="static/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css" rel="stylesheet" media="screen">
<script type="text/javascript" src="static/bootstrap-datetimepicker/js/bootstrap-datetimepicker.js" charset="UTF-8"></script>
<script type="text/javascript" src="static/bootstrap-datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"></script>

input框中

<input type="text" name="slrq" id="slrq"  placeholder="请输入受理日期" class="form-control">

js中

$ (function () {
    $("input[id*='rq']").datetimepicker({//--------这里根据id或name与input框绑定
        format: 'yyyy-mm-dd',
        language:  'zh-CN',//语言包
        weekStart: 1,//一周从哪一天开始
        todayBtn:  1,//当天日期按钮
        autoclose: 1,//选完时间后是否自动关闭
        todayHighlight: 1,//当天日期高亮
        startView: 2,//选完时间首先显示的视图
        minView:2,//最精确的时间
        forceParse: 0,//强制解析
        showMeridian: 1,//是否显示上下午
        pickerPosition:'bottom-right',//位置
        endDate:new Date()
    })})