Javascript 从和到startDate的日期选择器不工作
日期选择“从”和“到”第一次起作用,但当我更改日期“从”时,日期“到”不起作用Javascript 从和到startDate的日期选择器不工作,javascript,jquery,datepicker,Javascript,Jquery,Datepicker,日期选择“从”和“到”第一次起作用,但当我更改日期“从”时,日期“到”不起作用 <script src="js/jquery.min.js"></script> <script src="js/bootstrap.min.js"></script> <script src="js/bootstrap-datepicker.js"></script> 这是我的密码 第一次尝试它工作完美,我选择从=07/03/2013,日期到
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/bootstrap-datepicker.js"></script>
这是我的密码
第一次尝试它工作完美,我选择从=07/03/2013,日期到禁用07/02/2013,07/01/2013。。等等但同样,如果我将日期从2013年10月6日更改为0,则不会将日期禁用为您的。应该在您的更改范围之外。像这样的,
var from = $('.from').datepicker({autoclose: true}).on('changeDate', function(e){
});
var to $('.to').datepicker({autoclose: true, startDate: e.date });
这是工作代码。代码将开始日期设置为今天日期。而结束日期将在开始日期后一天开始。如果startDate更改,它将动态更改enddate,这样用户就不能选择startDate之前的日期
HTML:
From: <input type="text" class="from span2" value="" id="from"></th>
To: <input type="text" class="to span2" value="" id="to">
有关的详细信息,您需要初始化两个日期选择器,并在第一个日期选择器中拾取日期后更改第二个日期选择器的开始日期:
var to = $('.to').datepicker({ autoclose: true });
var from = $('.from').datepicker({ autoclose: true }).on('changeDate', function(e){
to.startDate = e.date;
});
问题是,
$('.to').datepicker
未初始化。
非常简单的小提琴设置从和到日期范围
更新新版本:
以下代码设置新的开始日期:
var from = $('.from').datepicker({ autoclose: true }).on('changeDate', function(e){
$('.to').datepicker({ autoclose: true}).datepicker('setStartDate', e.date).focus();
});
我正在使用eternicode提供的另一个bootstrap-datepicker.js,下面是链接。我认为两者都是不同的datepickerIF“FROM”=07/26/2013,date“TO”应该是基于FROM的最早日期。对不起,我的英语不好代码>为您提供当前日期选择从“开始”到“结束”的日期。例如,如果FROM=07/03/2013,则日期“TO”应为07/04/2013或07/05/2013……等等,而不是07/02/2013……第一次尝试效果很好,但在第二次尝试时,当我选择另一个日期时,从“日期”到“未禁用”。这是我的代码,它没有禁用“最早日期”到“对不起,雷德里”,但它没有禁用。这是我的密码。我使用的是eternicode datepicker.js这里是链接Nils您的示例是一个Jquery UI示例,但问题是一个引导datepicker startDate问题@尼尔斯:据我所知,这篇文章已经过时了,外部资源已经被破坏。这里有一个更新版本:
var _startDate = new Date(); //todays date
var _endDate = new Date(_startDate.getTime() + (24 * 60 * 60 * 1000)); //plus 1 day
$('#from').datepicker({
format: 'mm/dd/yyyy',
autoclose: true,
startDate: _startDate,
todayHighlight: true
}).on('changeDate', function(e){
_endDate = new Date(e.date.getTime() + (24 * 60 * 60 * 1000)); //get new end date
$('#to').datepicker('setStartDate', _endDate).focus(); //dynamically set new start date for #to
});
$('#to').datepicker({
format: 'mm/dd/yyyy',
autoclose: true,
startDate: _endDate,
todayHighlight: false
});
var to = $('.to').datepicker({ autoclose: true });
var from = $('.from').datepicker({ autoclose: true }).on('changeDate', function(e){
to.startDate = e.date;
});
var from = $('.from').datepicker({ autoclose: true }).on('changeDate', function(e){
$('.to').datepicker({ autoclose: true}).datepicker('setStartDate', e.date).focus();
});