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脚本..

我想用今天的日期初始化我的两个datepicker ..而且我也希望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" />

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

具有范围验证的datepicker以及今天在文本框中显示的默认日期

1 个答案: