bootstrap中怎么實現年月日時間選擇-創(chuàng)新互聯

這篇文章給大家介紹bootstrap中怎么實現年月日時間選擇,內容非常詳細,感興趣的小伙伴們可以參考借鑒,希望對大家能有所幫助。

目前創(chuàng)新互聯已為近千家的企業(yè)提供了網站建設、域名、雅安服務器托管、網站運營、企業(yè)網站設計、新田網站維護等服務,公司將堅持客戶導向、應用為本的策略,正道將秉承"和諧、參與、激情"的文化,與客戶和合作伙伴齊心協力一起成長,共同發(fā)展。

1、CSS文件:bootstrap.min.css、bootstrap-datetimepicker.min.css

2、JS文件:jquery-1.8.3.min.js、bootstrap.min.js、bootstrap-datetimepicker.js、bootstrap-datetimepicker.zh-CN.js

使用bootstrap實現年份的選擇。

bootstrap配置代碼如下:

<script type="text/javascript">$('.form_datetime').datetimepicker({    language:  'zh-CN',    minView: 4,         format: 'yyyy',    startDate:2019,    autoclose: 1,    startView: 4,});</script>

使用bootstrap實現月份的選擇。

bootstrap配置代碼如下:

<script type="text/javascript">$('.form_datetime').datetimepicker({    format: 'mm',    autoclose:true,    startView:3,    minView:3,    maxView:3,    initialDate:new Date(),    language:'zh-CN'});</script>

使用bootstrap實現年月日的選擇。

bootstrap配置代碼如下:

<script type="text/javascript">$('.form_datetime').datetimepicker({     format: 'yyyymmdd',     weekStart: 1,     autoclose: true,     startView: 2,     minView: 2,    language:'zh-CN'});</script>

關于bootstrap中怎么實現年月日時間選擇就分享到這里了,希望以上內容可以對大家有一定的幫助,可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。

網站題目:bootstrap中怎么實現年月日時間選擇-創(chuàng)新互聯
網頁鏈接:http://muchs.cn/article24/dddice.html

成都網站建設公司_創(chuàng)新互聯,為您提供App開發(fā)、外貿建站、企業(yè)網站制作企業(yè)建站、手機網站建設、小程序開發(fā)

廣告

聲明:本網站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯

h5響應式網站建設