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()
    })})