[英]Jquery change function is not working
Initially I have disabled To date
field,After selecting From date
only I want to allow it to choose.I wrote code for that,But its not working. 最初我禁用了
To date
字段,仅选择“ From date
后,我想允许它选择。我为此编写了代码,但是它不起作用。
$(document).ready(function() { $('#levTo').attr('disabled', 'true'); $('#levFrom').change(function() { $('#levTo').attr('disabled', 'false'); }) pastDaysdisable() }); function pastDaysdisable() { var dtToday = new Date(); var month = dtToday.getMonth() + 1; var day = dtToday.getDate(); var year = dtToday.getFullYear(); if (month < 10) month = '0' + month.toString(); if (day < 10) day = '0' + day.toString(); var maxDate = year + '-' + month + '-' + day; $('#levFrom,#levTo').attr('min', maxDate); }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12"> <label class="col-xs-12">Date From</label> <input type="date" id="levFrom" class="col-xs-12 form-control levFrom required"> </div> <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12"> <label class="col-xs-12">Date To</label> <input type="date" id="levTo" class="col-xs-12 form-control levTo required"> </div>
Also,I am trying to restrict To date
based on From date
另外,我试图基于
From date
限制To date
From date
To date
should not allow to select the date before from date
which I have choosed.How to do it? To date
不允许选择我选择的日期之前from date
,该怎么做?
I know its possible in date picker.But,I want to achieve it in input type=date.
我知道它的日期picker.But可能的,我要实现它的
input type=date.
Use $('#levTo').prop('disabled', false);
使用
$('#levTo').prop('disabled', false);
Use the prop() method to enable or disable elements when using jQuery
使用jQuery时使用prop()方法启用或禁用元素
$(document).ready(function() { $('#levTo').attr('disabled', 'true'); $('#levFrom').change(function() { $('#levTo').prop('disabled', false); pastDaysdisable($('#levFrom').val()) }) }); function pastDaysdisable(date) { $('#levFrom,#levTo').attr('min', date); }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12"> <label class="col-xs-12">Date From</label> <input type="date" id="levFrom" class="col-xs-12 form-control levFrom required"> </div> <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12"> <label class="col-xs-12">Date To</label> <input type="date" id="levTo" class="col-xs-12 form-control levTo required"> </div>
Try using this: 尝试使用此:
$('#levFrom').on('change keyup paste',function (){
$('#levTo').removeAttr('disabled');
})
instead of: 代替:
$('#levFrom').change(function() {
$('#levTo').attr('disabled', 'false');
}) })
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.