bootstrap-datetimepicker 的使用

最近在用flask开发一个网站,正好需要在表单中加入时间选择控件,于是找到了datetimepicker这个插件,在这里记录一下用法

1.首先是下载项目   

git clone git://github.com/smalot/bootstrap-datetimepicker.git

2.我们需要的文件是:

bootstrap-combined.min.css

bootstrap-datetimepicker.min.css

jquery.min.js

bootstrap.min.js

bootstrap-datetimepicker.min.js

glyphicons-halflings.png

3.用法:


<script type="text/javascript" src="/static/JS/bootstrap-datetimepicker.min.js" charset="UTF-8"></script>
<script type="text/javascript" src="/static/JS/locales/bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"></script>
<link rel="stylesheet" type="text/css" media="screen" href="/static/CSS/bootstrap-datetimepicker.min.css">
<input type="text" value="" id="datetimepicker" class="form-control datetimepicker">
<script type="text/javascript">
    $('.datetimepicker').datetimepicker({
        format: 'yyyy-mm-dd',
        language: 'zh-CN',
        pickDate: true,
        inputMask: true,
        autoclose:true,
        todayBtn:'linked',
        todayHighlight:true,
        minView: "month"
    });
</script>

这样只要class为datetimepicker的都可以使用了日期选择器了~

对了,想变中文千万要记得把 bootstrap-datetimepicker.zh-CN.js 放到locales下

评论 (2)
  1. 沙发
    Kzjnet 2016-01-18 17:06

    typo: 日起=>日期 :joy: