一、datetimepicker介绍
DateTimePicker控件,控件一般用于让用户可以从日期列表中选择单个值。运行时,单击控件边上的下拉箭头,会显示为两个部分:一个下拉列表,一个用于选择日期的。(介绍来源百度)
二、下载
datetimepicker github地址:https://github.com/xdan/datetimepicker
下载后,在自己的项目中引入相应的css 和 js后就可以使用了(需要引入jQuery)
三、使用
首先我们先写一个input框,给个id,
<input type="text" id="datetime">
然后在js中调用插件:
$('#datetime').datetimepicker();
效果如图:
datetimepicker的其他常用设置:
1、设置插件语言:
$.datetimepicker.setLocale('zh');
其中 ’ zh ’ 代表中文;
2、隐藏插件右边的时间
$('#datetime').datetimepicker({
timepicker: false
})
3、设置时间格式
$('#datetime').datetimepicker({
format: 'Y-m-d'
})
更多datetimepicker的设置请参考官方文档:https://xdsoft.net/jqplugins/datetimepicker/