首先引入jquery和jquery.datetimepicker.full.min.js
特别注意,有时只引入datetimepicker.js,在一些前端框架中可能实现不了,所以要引入编译好的jquery.datetimepicker.full.min.js文件
<!-- this should go after your </body> -->
<link rel="stylesheet" type="text/css" href="/jquery.datetimepicker.css"/ >
<script src="/jquery.js"></script>
<script src="/build/jquery.datetimepicker.full.min.js"></script>
html
<input id="datetimepicker" type="text" >
js
$('#datetimepicker').datetimepicker(
);
正常的话,这么写就可以简单实现时间选择器了。
但是有时我们的需求时,在你选择完日期后需要进行操作,也就是监控input的onchange时间,但是dateTimePicker却总是监视不成功,这是就应该考虑组件是否带有特定onchange事件,果然经过查找文档,我发现这个方法onChangeDateTime:
$('#datetimepicker').datetimepicker(
{
onChangeDateTime:function(dp,$input){
alert($input.val())
}
}
);
只需要加一段这样简单的代码用jquery datetimepicker的自带onchange方法就实现了需求。