Question

下载插件链接

jQuery DateSelect

那里有很多日期选择器，但为什么有一个古老而无聊的日历，当你可以有一个现代和光滑的日期选择器？

与DateSelect会面，这是一种在表单上选择日期的新方式。enter code here

安装

只需抓取JS和CSS文件，将它们包含在HTML文件中即可设置。

<link rel="stylesheet" href="css/jquery.dateselect.css">
<script type="text/javascript" src="js/jquery.dateselect.js"></script>

自动模式

在自动模式下，您只需要添加一个data- *属性，插件就可以完成所有工作（但要实现这一点，您必须拥有有效的HTML 5 DOCTYPE）。

如果您不能（或不想）添加DOCTYPE，您仍然可以使用旧的$（'#input'）。dateSelect（）来绑定您的输入字段。

HTML

手动模式

在手动模式下，您必须调用$ .dateSelect.show（）方法来打开日期选择器。

JS

$('.btn-date').on('click', function(e) {
    e.preventDefault();
    $.dateSelect.show({
        element: 'input[name="date2"]'
    });
});