jquery - 具有范围验证的日期选择器以及在文本框中显示的默认日期为今天

Question

$(function() {
var d = new Date();

    $("#Start_validBeforeDatepicker").datepicker(
        {
        defaultDate: d,
        numberOfMonths : 1,
        showButtonPanel : true,
        onClose : function(selectedDate) {

            $("#End_validAfterDatepicker").datepicker("option","minDate", selectedDate);

        }
    });
    $("#End_validAfterDatepicker").datepicker(
    {
        defaultDate: +1, 
        setDate:new Date(),
        numberOfMonths : 1,
        showButtonPanel : true,
        onClose : function(selectedDate) {                  
            $("#Start_validBeforeDatepicker").datepicker("option","maxDate", selectedDate);
        }
    });
});

这是我的 datepciker 脚本..

我想用今天的日期初始化我的两个日期选择器..而且我Start_validBeforeDatepicker总是想要那个<= #End_validAfterDatepicker所以我该怎么做..谁能指导我

Answer 1

下面是验证日期范围的代码。

<link rel="stylesheet" href="flick/jquery-ui-1.9.2.custom.css" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/jquery.ui.core.js"></script>
<script type="text/javascript" src="js/jquery.ui.datepicker.js"></script>
<script type="text/javascript">

$(function()
{
    $( "#issuedate" ).datepicker(
    {
        minDate: new Date(),
        changeMonth: true,
        numberOfMonths: 1,
        onClose: function( selectedDate )
        {
            $( "#expdate" ).datepicker( "option", "minDate", selectedDate );
        }
    });

    $( "#expdate" ).datepicker(
    {
        minDate: new Date(),
        changeMonth: true,
        numberOfMonths: 1,
        onClose: function( selectedDate )
        {
            $( "#issuedate" ).datepicker( "option", "maxDate", selectedDate );
        }
    });
});
</script>

<input type="text" id="issuedate" />
<input type="text" id="expdate" />

您需要做的就是相应地设置参数。