关于bootstrap datapicker的其他小应用

1.如果想要给datapicker的默认日期：

可以直接用<input type="text" class="container" value="02-16-2012">设置一个默认值即可。

2.如果想要给input框后面一个小图标的话，如图：无论是点击input框还是点击图标都能出现日期

可用下面的方式做：

由于小图标是bootstrap的图标，因此引入文件除了datepicker的css和js、jquery外，还要引入bootstrap的css文件

记得在div class=“input-group date”后要加上date的类，如果不在div里加data-provide=“datepicker”的话，就在script里加上

 $('.date').datepicker({ 

   })   

如图：

3.如果要实现一个日期范围：

4.内联日期：