300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > bootstrap时间选择器-datetimepicker

bootstrap时间选择器-datetimepicker

时间:2023-09-29 13:19:03

相关推荐

bootstrap时间选择器-datetimepicker

接上一篇文章,写引用不同的js的时间选择器,参考连接:/uxsolutions/bootstrap-datepicker

引入连接为:

<link href="/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"><link href="/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.min.css" rel="stylesheet"><script src="locales/jquery-1.8.3.min.js" charset="UTF-8"></script><script src="locales/bootstrap.min.js" charset="UTF-8"></script><script src="locales/bootstrap-datetimepicker.js" charset="UTF-8"></script><script src="locales/bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"></script><script src="locales/bootstrap-datetimepicker.fr.js" charset="UTF-8"></script>

上面引入了bootstrap-datetimepicker.zh-CN.js这个文件,所以在应用datetimepicker的时候必须要写language,

html部分:

<div class="row"><div class='col-sm-6'><div class="form-group"><label>选择结束时间:</label><!--指定 date标记--><div class='input-group date' id='datetimepicker3'><input type='text' class="form-control" /><span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span></div></div></div></div><script>$('#datetimepicker3').datetimepicker({language: 'zh-CN',});</script>

下面解释一下可以添加的各个参数的意思,

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。