$(function () {
$('#datetimepicker1').datetimepicker({
format: 'YYYY-MM-DD',
locale: moment.locale('zh-cn')
});
$('#datetimepicker2').datetimepicker({
format: 'YYYY-MM-DD hh:mm',
locale: moment.locale('zh-cn')
});
});
/*4.17版本一些可能用得到的方法參數(shù)*/
/*
showClose:true//是否顯示關閉 按鈕
/*viewMode: 'days',//天數(shù)模塊展示，months則為以月展示
daysOfWeekDisabled: false,//星期幾 禁止選擇,參數(shù) [num],多個逗號隔開
calendarWeeks: false,//顯示 周 是 今年第幾周
toolbarPlacement:'default', //工具擺放的位置，top 則為上，默認為底
showTodayButton:false,//是否工具欄 顯示 直達今天天數(shù)的 按鈕，默認false
showClear:false, //是否 工具欄顯示 清空 輸入框 的按鈕。默認false
*/截圖：
起始時間的例子：
$(function () {
var picker1 = $('#datetimepicker1').datetimepicker({
format: 'YYYY-MM-DD',
locale: moment.locale('zh-cn'),
//minDate: '2016-7-1'
});
var picker2 = $('#datetimepicker2').datetimepicker({
format: 'YYYY-MM-DD',
locale: moment.locale('zh-cn')
});
//動態(tài)設置最小值
picker1.on('dp.change', function (e) {
picker2.data('DateTimePicker').minDate(e.date);
});
//動態(tài)設置最大值
picker2.on('dp.change', function (e) {
picker1.data('DateTimePicker').maxDate(e.date);
});
});
截圖：
.jpg)
初始化的時候，使用defaultDate指定默認時間：
$('#datetimepicker1').datetimepicker({
format: 'YYYY-MM-DD',
locale: moment.locale('zh-cn'),
defaultDate: "1990-1-1"
});當然了，也可以用JS 代碼 控制input框 默認值。
具體示例：
datetimpicker測試
$(function() {
$('#datetimepicker1').datetimepicker({
format: 'YYYY-MM-DD',
locale: moment.locale('zh-cn')
});
$('#datetimepicker2').datetimepicker({
format: 'YYYY-MM-DD hh:mm',
locale: moment.locale('zh-cn')
});
});
.jpg)
感謝各位的閱讀！關于“bootstrap框架中有沒有日歷控件”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！
文章題目：bootstrap框架中有沒有日歷控件
轉載來于：http://weahome.cn/article/pgppse.html
-
在線咨詢
微信咨詢
電話咨詢
-
028-86922220（工作日）
18980820575（7×24）
-
提交需求
-
返回頂部
重慶分公司
重慶分公司
