Jquery ui 范围日期选择器集minDate
正在尝试将此代码中的fromdate选定值设置为4天以上,但无法使其正常工作。我想要的是,当一个人选择第一个日历日期时,我希望第二个日期比选择的第一个日期晚4天Jquery ui 范围日期选择器集minDate,jquery-ui,Jquery Ui,正在尝试将此代码中的fromdate选定值设置为4天以上,但无法使其正常工作。我想要的是,当一个人选择第一个日历日期时,我希望第二个日期比选择的第一个日期晚4天 <?php // has all script and css includes include('includes/header.php'); ?> <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js">&l
<?php
// has all script and css includes
include('includes/header.php');
?>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<div class="container">
<div class="row">
<div class="span3"></div>
<div class="span9">
<input class='fromdate' id='fromdate' />
<input class='todate' id='todate' />
<input class='calculated' />
<!-- <input class='minim' /> -->
</div>
</div>
</div>
<script>
$('.fromdate').datepicker({
dateFormat: 'mm-dd-yy',
minDate:(+4)
});
$('.todate').datepicker({
dateFormat: 'mm-dd-yy'
});
$('.fromdate').datepicker().bind("change", function () {
var minValue = $(this).val();
minValue = $.datepicker.parseDate("mm-dd-yy", minValue);
$('.todate').datepicker("option", "minDate", minValue);
calculate();
});
$('.todate').datepicker().bind("change", function () {
var maxValue = $(this).val();
maxValue = $.datepicker.parseDate("mm-dd-yy", maxValue);
$('.fromdate').datepicker("option", "maxDate", maxValue);
calculate();
});
function calculate() {
var d1 = $('.fromdate').datepicker('getDate');
var d2 = $('.todate').datepicker('getDate');
var diff = 1;
if (d1 && d2) {
diff = diff + Math.floor((d2.getTime() - d1.getTime()) / 86400000); // ms per day
}
$('.calculated').val(diff);
$('.minim').val(d1)
}
</script>
$('.fromdate').datepicker({
日期格式:“年月日”,
minDate:(+4)
});
$('.todate').datepicker({
日期格式:“mm-dd-yy”
});
$('.fromdate').datepicker().bind(“更改”,函数(){
var minValue=$(this.val();
minValue=$.datepicker.parseDate(“mm-dd-yy”,minValue);
$('.todate').datepicker(“选项”,“minDate”,minValue);
计算();
});
$('.todate').datepicker().bind(“更改”,函数(){
var maxValue=$(this.val();
maxValue=$.datepicker.parseDate(“mm-dd-yy”,maxValue);
$('.fromdate').datepicker(“选项”,“maxDate”,maxValue);
计算();
});
函数计算(){
变量d1=$('.fromdate').datepicker('getDate');
变量d2=$('.todate').datepicker('getDate');
var-diff=1;
如果(d1和d2){
diff=diff+Math.floor((d2.getTime()-d1.getTime())/86400000);//每天毫秒
}
$('计算').val(差异);
$('.minim').val(d1)
}
我找到了
$(document).ready(function () {
$("#fromdate").datepicker({
dateFormat: "mm-dd-yy",
minDate: 0,
onSelect: function (date) {
var date2 = $('#fromdate').datepicker('getDate');
date2.setDate(date2.getDate() + 4);
$('#todate').datepicker('setDate', date2);
//sets minDate to dt1 date + 4
$('#todate').datepicker('option', 'minDate', date2);
}
});
$('#todate').datepicker({
dateFormat: "mm-dd-yy",
onClose: function () {
var dt1 = $('#fromdate').datepicker('getDate');
var dt2 = $('#todate').datepicker('getDate');
//check to prevent a user from entering a date below date of dt1
if (dt2 <= dt1) {
var minDate = $('#todate').datepicker('option', 'minDate');
$('#todate').datepicker('setDate', minDate);
}
}
});
});
$(文档).ready(函数(){
$(“#fromdate”).datepicker({
日期格式:“年月日”,
minDate:0,
onSelect:功能(日期){
var date2=$('#fromdate')。日期选择器('getDate');
date2.setDate(date2.getDate()+4);
$('todate').datepicker('setDate',date2);
//将minDate设置为dt1日期+4
$('todate')。日期选择器('option','minDate',date2);
}
});
$('#todate')。日期选择器({
日期格式:“年月日”,
onClose:function(){
var dt1=$('#fromdate')。日期选择器('getDate');
var dt2=$('#todate').datepicker('getDate');
//选中此项可防止用户输入dt1日期以下的日期
如果(dt2我找到了
$(document).ready(function () {
$("#fromdate").datepicker({
dateFormat: "mm-dd-yy",
minDate: 0,
onSelect: function (date) {
var date2 = $('#fromdate').datepicker('getDate');
date2.setDate(date2.getDate() + 4);
$('#todate').datepicker('setDate', date2);
//sets minDate to dt1 date + 4
$('#todate').datepicker('option', 'minDate', date2);
}
});
$('#todate').datepicker({
dateFormat: "mm-dd-yy",
onClose: function () {
var dt1 = $('#fromdate').datepicker('getDate');
var dt2 = $('#todate').datepicker('getDate');
//check to prevent a user from entering a date below date of dt1
if (dt2 <= dt1) {
var minDate = $('#todate').datepicker('option', 'minDate');
$('#todate').datepicker('setDate', minDate);
}
}
});
});
$(文档).ready(函数(){
$(“#fromdate”).datepicker({
日期格式:“年月日”,
minDate:0,
onSelect:功能(日期){
var date2=$('#fromdate')。日期选择器('getDate');
date2.setDate(date2.getDate()+4);
$('todate').datepicker('setDate',date2);
//将minDate设置为dt1日期+4
$('todate')。日期选择器('option','minDate',date2);
}
});
$('#todate')。日期选择器({
日期格式:“年月日”,
onClose:function(){
var dt1=$('#fromdate')。日期选择器('getDate');
var dt2=$('#todate').datepicker('getDate');
//选中此项可防止用户输入dt1日期以下的日期
如果(dt2