boostrap的日期选择:datetimepicker 做 开始时间与 结束时间的判断,开始时间小于结束时间

JQuery 和 bootstrap 插件自己导入,这里直接上代码:


这里 pzTime 为开始时间,

pzqxTime 为结束时间;

结束时间 在 开始时间之后,不能选择开始之前的时间!

开始时间在结束时间之前!


从前面开始时间选择:




从后面 结束时间选择:





    $("#pzTime").datetimepicker({
        language : 'zh-CN',
        weekStart : 1,
        todayBtn : 1,
        autoclose : 1,
        todayHighlight : 1,
        startView : 2,
        minView: "month",
        format: 'yyyy-mm-dd',
        forceParse : 0,
        endDate : new Date()
    }).on('hide', function(event) {
        event.preventDefault();
        event.stopPropagation();
        var startTime = event.date;
        $('#pzqxTime').datetimepicker('setStartDate',startTime);
        $('#pzqxTime').val("");
    });
    $("#pzqxTime").datetimepicker({
        language : 'zh-CN',
        weekStart : 1,
        todayBtn : 1,
        autoclose : 1,
        todayHighlight : 1,
        startView : 2,
        minView: "month",
        format: 'yyyy-mm-dd',
        forceParse : 0,
        endDate : new Date()
    }).on('hide', function(event) {
        event.preventDefault();
        event.stopPropagation();
        var endTime = event.date;
        $('#pzTime').datetimepicker('setEndDate',endTime);
    });

下面有个更加严格的方法:
获取开始时间的值 = 结束时间,这是前面约束;
获取结束时间的值 = 开始时间,这是后面的约束;
这里最大限度,开始时间 = 结束时间,为当天,是比较合理的!



	$("#startDate").datetimepicker({
		language : 'zh-CN',
		weekStart : 1,
		todayBtn : 1,
		autoclose : 1,
		todayHighlight : 1,
		startView : 2,
		minView: "month",
		format: 'yyyy-mm-dd',
		forceParse : 0
	}).on('hide', function(event) {
		event.preventDefault();
		event.stopPropagation();
		var startTime = event.date;
		$("#expirationDate").datetimepicker('setStartDate',startTime);
		$("#expirationDate").val("");
	});
	$("#expirationDate").datetimepicker({
		language : 'zh-CN',
		weekStart : 1,
		todayBtn : 1,
		autoclose : 1,
		todayHighlight : 1,
		startView : 2,
		minView: "month",
		format: 'yyyy-mm-dd',
		forceParse : 0
	}).on('hide', function(event) {
		event.preventDefault();
		event.stopPropagation();
		var endTime = event.date;
		$("#startDate").datetimepicker('setEndDate',endTime);
	});











  • 3
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 12
    评论
评论 12
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值