首页 > 代码库 > bootstrap使用datetimepicker最简单笔记
bootstrap使用datetimepicker最简单笔记
该控件下载地址,如失效则进入官网手动下载
https://github.com/smalot/bootstrap-datetimepicker/archive/master.zip
bootstrap3
<link href="bootstrap.css" rel="stylesheet" media="screen"> <link href="../css/bootstrap-datetimepicker.min.css" rel="stylesheet" media="screen"> <!--此处jquery.js需优先加载,否则不弹出日期框--> <script type="text/javascript" src="jquery.js" charset="UTF-8"></script> <script type="text/javascript" src="bootstrap.js"></script> <script type="text/javascript" src="../js/bootstrap-datetimepicker.js" charset="UTF-8"></script> <script type="text/javascript" src="../js/locales/bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"></script> <div class="input-group date form_date col-md-3" data-date="" data-date-format="dd MM yyyy" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd"> <input class="form-control" size="16" type="text" value="" readonly> <span class="input-group-addon"> <span class="glyphicon glyphicon-calendar"></span> </span> </div> <input type="hidden" id="dtp_input2" value="" /> <script type="text/javascript"> $(‘.form_date‘).datetimepicker({ language: ‘zh-CN‘, weekStart: 1, todayBtn: 1, autoclose: 1, todayHighlight: 1, startView: 2, minView: 2, forceParse: 0 }); </script>
bootstrap使用datetimepicker最简单笔记
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。