选择年月日的插件

首先需要node环境，在控制台下载所需要的框架和插件：

npm install bootstrap@3 //下载bootstrap-3框架
npm install bootstrap-datepicker //下载时间控件（包含年、月、日）
npm install bootstrap-datetimepicker //下载时间控件（包含年、月、日和时间）

注意此控件需要jQuery 1.9以上版本才可以运行

 

然后头部引入各种所下载来的需要的文件：

<link rel="stylesheet" href="css/bootstrap.min.css"> 
<link rel="stylesheet" href="css/bootstrap-datepicker.min.css">
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/bootstrap-datepicker.min.js"></script>
<script src="js/bootstrap-datepicker.zh-CN.min.js"></script>

然后编写HTml内容：

<input type="text" id="datepicker" class="form-control"  value="未填写" readonly >
//对于bootstrap3的问题，如果不加上form-control，则两侧小箭头会丢失.readonly设置为只读

最后是js设置：

$('#datepicker').datepicker({
        language:'zh-CN', //语言设置
        format:'yyyy-mm-dd', //日期样式设置
        autoclose: 1,        //选择完日期后，弹出框自动关闭
        //还有许多属性什么的可以看api
})