• 喜歡上datetimepicker源自于對bootstrap的喜歡。
• 一款簡單到爆的時間空間
• 引入jq
• 引入bootstrap
• 引入datetimepicker和bootstrap-datetimepicker.zh-CN語言包

庫文件??密碼：c9m5

官網：http://www.bootcss.com/p/bootstrap-datetimepicker/

簡單實例兩個，和這里有關系，是動態拿取本地時間的呢。看這里

//time時間插件 $('#datetimepicker').datetimepicker({minView: "month", //很關鍵，如果不限制到月視圖，它默認是到小時的。todayHighlight:true,language:'zh-CN',format:'yyyy-mm-dd',autoclose: true, }).val(begintime);$('#dateEnd').datetimepicker({minView: "month",todayHighlight:true,language:'zh-CN',format:'yyyy-mm-dd',autoclose: true, }).val(endtime);

　　

補充：只顯示到時分秒

效果圖

代碼：

因為使用了vue const _this=this; $('.form_time').datetimepicker({language: 'zh-CN',weekStart: 1,todayBtn: 1,autoclose: 1,todayHighlight: 1,startView: 1,minView: 0,maxView: 1,forceParse: 0}).on("hide",function () {_this.TradeTime=$(this).val();}).val(_this.TradeTime);

　　

?

轉載于:https://www.cnblogs.com/webSong/p/7091208.html

總結

以上是生活随笔為你收集整理的datetimepicker时间控件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。