datetimepick.js插件使用

1.需要的js.css文件

  • bootstrap.min.css
  • jquery-3.2.1.min.js
  • bootstrap.min.js
  • bootstrap-datetimepicker.min.css
  • bootstrap-datetimepicker.min.js
  • bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"

2.基本配置

$('.form_datetime').datetimepicker({
                format:'yyyy-mm-dd hh:ii',//格式化類型
                language:'zh-CN',//使用的語(yǔ)言  需要引入bootstrap-datetimepicker.zh-CN.js
                todayBtn:true, //顯示今天按鈕
                keyboardNavigation:true,//可以用鍵盤(pán)選擇
                autoclose:true//選擇后自動(dòng)關(guān)閉選擇框
            })

3.只選擇日期不選擇時(shí)間

$('.form_date').datetimepicker({
                minView:"month",
                format:'yyyy-mm-dd',
                language:'zh-CN',
                todayBtn:true,
                keyboardNavigation:true,
                autoclose:true
            })

使用minView設(shè)置選擇框所能提供的最精確的時(shí)間選擇視圖
使用月視圖可以選擇是多少日
maxView可以設(shè)置最大的可選范圍

選擇的 范圍有


0 or 'hour' for the hour view
1 or 'day' for the day view
2 or 'month' for month view (the default)
3 or 'year' for the 12-month overview
4 or 'decade' for the 10-year overview. Useful for date-of-birth datetimepickers.
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容