首页 > WEB前端 > jQuery > 正文


使用minDate参数禁用jQuery datepicker日期时间示例

2015-12-31 11:45:03   来源:shikezhi.com   评论: 点击:

如下,最近项目中用到了jQuery日期插件,但是有个需求就是当前时间以前的时间不能点击。也就是只能选大于等于当前时间,如何做呢?仔细阅读jQuery Datepicker可以发现有一个参数minDate..
 
如下,最近项目中用到了jQuery日期插件,但是有个需求就是当前时间以前的时间不能点击。也就是只能选大于等于当前时间,如何做呢?
 
仔细阅读jQuery Datepicker可以发现有一个参数minDate,这个参数默认为空,表示不限制时间。如果将minDate参数设置为0,具体请参考官方文档:http://api.jqueryui.com/datepicker/#option-minDate
 
如下代码演示了如何禁用datepicker以前的时间示例以前的时间,使得小于等于当前时间不可选
示例1:
$("#mydatepicker").datepicker({ minDate: 0 });

示例2:

var today = new Date();
$('#mydatepicker').datetimepicker({
    format:'Y-m-d H:m',
    lang:'zh',
    step:1,
    inline:true,
    minDate:today,
    onGenerate:function(current_time,$input){
        var currFormatedTime=moment(current_time).format('YYYY-MM-DD HH:mm');
        var currID=$($input).attr("id");
        $("#"+currID+"Value").val(currFormatedTime);
    },
    onChangeDateTime:function(dp,$input){
        var currID=$($input).attr("id");
        $("#"+currID+"Value").val($input.val());
    }
});
 
原创内容,转载请注明:http://shikezhi.com/html/2015/jquery_1231/722446.html

相关热词搜索:jquery datepicker

上一篇:使用jQuery如何获取元素的margin和padding宽度,以及border宽度 下一篇:最后一页
分享到: 收藏