jQuery好用的日期时间选择插件jHsDate

使用方法：

引入CSS样式文件

<link rel="stylesheet" href="css/jHsDate.css" />

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

<script src="jquery-1.10.2.js"></script>
<script src="jHsDate.js"></script>

插件初始化、参数配置

$('#date').jHsDate();
        $('#time').jHsDate({
            format:'hh:mm'
        });
        $('#datetimeformat').jHsDate({
            format: 'yyyy年MM月dd日 hh时mm分'
        });
        $('#datetimedef').jHsDate({
            defDate: '2017-01-01',
            defIsShow: true
        });
        $('#dateread').jHsDate({
            inputIsRead: true
        });
        $('#datemaxmin').jHsDate({
            minDate: '2010-01-01',
            maxDate: '2017-05-31'
        });
        $('#datecallback').jHsDate({
            callBack: function () {
                alert('我是回掉函数')
            }
        });

HTML部分

<div style="text-align:center;margin-top:50px;">
    <span>普通年月日选择</span>
    <input type="text" id="date" />
</div>
<div style="text-align:center;margin-top:50px;">
    <span>只显示时间选择</span>
    <input type="text" id="time" />
</div>
<div style="text-align:center;margin-top:50px;">
    <span>时间日期格式化</span>
    <input type="text" id="datetimeformat" />
</div>
<div style="text-align:center;margin-top:50px;">
    <span>设置默认日期并显示</span>
    <input type="text" id="datetimedef" />
</div>
<div style="text-align:center;margin-top:50px;">
    <span>只读input</span>
    <input type="text" id="dateread" />
</div>
<div style="text-align:center;margin-top:50px;">
    <span>日期范围</span>
    <input type="text" id="datemaxmin" />
</div>
<div style="text-align:center;margin-top:50px;">
    <span>回掉函数</span>
    <input type="text" id="datecallback" />
</div>