Php jQuery日期选择器禁用结束日期值_Php_Jquery_Html

Php jQuery日期选择器禁用结束日期值

php jquery html

Php jQuery日期选择器禁用结束日期值,php,jquery,html,Php,Jquery,Html,请参阅此图：在我的公司表中，我有3个字段： -ID（整数自动增量） -开始日期（日期） -结束日期（日期）这是我的代码： <html> <head> <script type="text/javascript"> $(function(){ $("#datepicker1").datepicker({ dateFormat: 'dd-mm-yy', onSelect: function(selected){

请参阅此图：

在我的公司表中，我有3个字段：
-ID（整数自动增量）
-开始日期（日期）
-结束日期（日期）

这是我的代码：

<html>
<head>    
<script type="text/javascript">
$(function(){
    $("#datepicker1").datepicker({
        dateFormat: 'dd-mm-yy',
        onSelect: function(selected){
            $("#datepicker2").datepicker("option","minDate",selected);
        }
    });

    $("#datepicker2").datepicker({
        dateFormat: 'dd-mm-yy',
        onSelect: function(selected){
            $("#datepikcer1").datepicker("option","maxDate",selected);
        }
    });
});
</script>
</head>

<body>
<?php
//db connection

$q = "select * from company where ID = '".$_GET['ID']."'";
$r = mysqli_query($dbc, $q);
$row = mysqli_fetch_array($r, MYSQLI_ASSOC);
?>

<form method="post" action="<?php echo $_SERVER['PHP_SELF']; ?>">
<tr>
    <td>Start Date : </td>
    <td><input type="text" name="exhstartdate" id="datepicker1" value="<?php if($row['start_date'] == NULL) echo ''; else echo date('d-m-Y', strtotime($row['start_date'])); ?>" /></td>
</tr>

<tr>
    <td>End Date : </td>
    <td><input type="text" name="exhenddate" id="datepicker2" value="<?php if($row['end_date'] == NULL) echo ''; else echo date('d-m-Y', strtotime($row['end_date'])); ?>" /></td>
</tr>
</form>
</body>
</html>


$（函数（）{
$（“#日期选择器1”）。日期选择器({
日期格式：“dd-mm-yy”，
onSelect：功能（已选择）{
$（“#datepicker2”）.datepicker（“选项”，“minDate”，选中）；
}
});
$（“#日期选择器2”）。日期选择器({
日期格式：“dd-mm-yy”，
onSelect：功能（已选择）{
$（“#datepikcer1”）.datepicker（“选项”，“maxDate”，选中）；
}
});
});

$（文档）.ready（函数（）{
setEndDatePicker（）；//根据开始日期设置结束日期选择器
});
var startDate=$（“#日期选择器1”）.val（）//获取开始日期值并拆分为年、月和日
var sDate=起始日期拆分（“-”）；
var day=sDate[0]；
var月=parseInt（sDate[1]）-1；
var年=sDate[2]；
$（“#日期选择器1”）。日期选择器({
日期格式：“dd-mm-yy”
});
//当开始日期更改时，再次为结束日期选择器设置minDate
$（“#日期选择器1”）.change（函数（）{
startDate=$（“#datepicker1”）.val（）；//获取新的开始日期值
sDate=起始日期拆分（“-”）；
日=sDate[0]；
月=parseInt（sDate[1]）-1；
年份=sDate[2]；
setEndDatePicker（）；//重置EndDatePicker的minDate
});
函数setEndDatePicker（）{
$（“#日期选择器2”）。日期选择器({
minDate：新日期（年、月、日），//使用动态初始化的minDate
日期格式：“dd-mm-yy”
});
}

$（文档）.ready（函数（）{
setEndDatePicker（）；//根据开始日期设置结束日期选择器
});
var startDate=$（“#日期选择器1”）.val（）//获取开始日期值并拆分为年、月和日
var sDate=起始日期拆分（“-”）；
var day=sDate[0]；
var月=parseInt（sDate[1]）-1；
var年=sDate[2]；
$（“#日期选择器1”）。日期选择器({
日期格式：“dd-mm-yy”
});
//当开始日期更改时，再次为结束日期选择器设置minDate
$（“#日期选择器1”）.change（函数（）{
startDate=$（“#datepicker1”）.val（）；//获取新的开始日期值
sDate=起始日期拆分（“-”）；
日=sDate[0]；
月=parseInt（sDate[1]）-1；
年份=sDate[2]；
setEndDatePicker（）；//重置EndDatePicker的minDate
});
函数setEndDatePicker（）{
$（“#日期选择器2”）。日期选择器({
minDate：新日期（年、月、日），//使用动态初始化的minDate
日期格式：“dd-mm-yy”
});
}
我试过你的脚本，效果很好。我试过你的剧本，效果很好。
<script>
    $(document).ready(function(){
        setEndDatePicker(); //set end date picker based on start date
    });

    var startDate = $("#datepicker1").val(); //get start date value and split to year, month and day
    var sDate = startDate.split("-");
    var day = sDate[0];
    var month = parseInt(sDate[1]) - 1;
    var year = sDate[2];

    $("#datepicker1").datepicker({
    dateFormat: 'dd-mm-yy'
    });

    // set again the minDate for end datepicker when start date changes
    $("#datepicker1").change(function(){
         startDate = $("#datepicker1").val(); //get new start date value
         sDate = startDate.split("-");
         day = sDate[0];
         month = parseInt(sDate[1]) - 1;
         year = sDate[2]; 

         setEndDatePicker(); //reset the minDate for end datepicker
    });

    function setEndDatePicker(){
        $("#datepicker2").datepicker({
            minDate: new Date(year, month, day), //use dynamically initialized minDate
            dateFormat: 'dd-mm-yy'
        });
    }
</script>