jQuery日期选择插件Datepicker

使用方法：

引入核心样式

<link href="css/foundation.min.css" rel="stylesheet" type="text/css">
<link href="css/foundation-datepicker.css" rel="stylesheet" type="text/css">

引入jQuery库文件、插件JS文件

<script src="js/jquery-1.11.3.min.js"></script>
<script src="js/foundation-datepicker.js"></script>
<script src="js/locales/foundation-datepicker.zh-CN.js"></script>

插件初始化、参数配置

$('#demo-1').fdatepicker();

HTML结构

<input type="text"  value="" id="demo-1">

三种选择方式切换

$('#demo-1').fdatepicker();
$('#demo-2').fdatepicker({
    format: 'yyyy-mm-dd hh:ii',
    pickTime: true
});
$('#demo-3').fdatepicker();