bootstrap-datetimepicker

<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link href="../Content/bootstrap-datetimepicker.min.css" rel="stylesheet" />
<link href="../Content/bootstrap-select.min.css" rel="stylesheet" />

<!-- ÒýÈëbootstrapÑùʽ -->
<link href="https://cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
<!-- ÒýÈëbootstrap-tableÑùʽ -->
<link href="https://cdn.bootcss.com/bootstrap-table/1.11.1/bootstrap-table.min.css" rel="stylesheet">

<!-- jquery -->
<script src="https://cdn.bootcss.com/jquery/2.2.3/jquery.min.js"></script>
<!--時間控件-->
<script src="../Scripts/bootstrap-datetimepicker.min.js"></script>
<script src="../Scripts/bootstrap-select.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

<!-- bootstrap-table.min.js -->
<script src="https://cdn.bootcss.com/bootstrap-table/1.11.1/bootstrap-table.min.js"></script>
<!-- ÒýÈëÖÐÎÄÓïÑÔ°ü -->
<script src="https://cdn.bootcss.com/bootstrap-table/1.11.1/locale/bootstrap-table-zh-CN.min.js"></script>
// 轉化時間格式
   // 轉時間格式
    function changeDateFormat(cellval) { var dateVal = cellval + ""; if (cellval != null) { var date = new Date(parseInt(dateVal.replace("/Date(", "").replace(")/", ""), 10)); var month = date.getMonth() + 1 < 10 ? "0" + (date.getMonth() + 1) : date.getMonth() + 1; var currentDate = date.getDate() < 10 ? "0" + date.getDate() : date.getDate(); var hours = date.getHours() < 10 ? "0" + date.getHours() : date.getHours(); var minutes = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes(); var seconds = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds(); return date.getFullYear() + "-" + month + "-" + currentDate;//+ " " + hours + ":" + minutes + ":" + seconds;
 } }
$('#birthdayDate').datetimepicker({ language: 'zh-CN',//顯示中文
        format: 'yyyy-mm-dd',//顯示格式
        minView: "month",//設置只顯示到月份
        initialDate: new Date(), autoclose: true,//選中自動關閉
        todayBtn: true,//顯示今日按鈕
        //locale: moment.locale('zh-cn')
    });
// 賦值 時間爲當前時間


 //默認獲取當前日期
    var today = new Date(); var nowdate = (today.getFullYear()) + "-" + (today.getMonth() + 1) + "-" + today.getDate(); //對日期格式進行處理
    var date = new Date(nowdate); var mon = date.getMonth() + 1; var day = date.getDate(); var mydate = date.getFullYear() + "-" + (mon < 10 ? "0" + mon : mon) + "-" + (day < 10 ? "0" + day : day); //日期時間控件默認值的設置,須要注意的是,在JS中使用的ID是input標籤的ID。
    document.getElementById("inbirthdayDate").value = mydate;
使用方法 <a class='input-group date' id='birthdayDate'>
                        <input type='text' class="form-control" id='inbirthdayDate' style="width: 150px; height: 30px;" />
                        <span class="input-group-addon" style="float: left; width: 50px; height: 30px;">
                            <span class="glyphicon glyphicon-calendar"></span>
                        </span>
                    </a>
相關文章
相關標籤/搜索
本站公眾號
   歡迎關注本站公眾號,獲取更多信息