Question

我正在使用datepicker。我有两个文本字段fromdate和todate。例如，我输入五月份，当我提交并再次输入日期时，默认日期应该也可能不是当前月份。

这是我的代码。

 $(function() {
    var from = $('#from').val();
    $( "#from" ).datepicker({ dateFormat:'yy-mm-dd',
    changeMonth: true,
    changeYear:true,
    changeDay:true,
    numberOfMonths: 1,
    defaultDate:from,
    onClose: function( selectedDate ) {
    $( "#from" ).datepicker( "option", "fromDate", selectedDate );
    }

});

Answer 1

我想，您希望在不同的表单提交之间保留用户选择的日期。

在这种情况下

HTML代码

以下是来自日期的input标记。

<input type='text' id='datepicker' name='fromdate' />

PHP查看代码

让我们假设我们有一个名为$fromdate的PHP变量，并提交了日期用户。我们需要从CodeIgniter中的PHP控制器发送它。

我假设$fromdate格式为：yyyy-mm-dd

基于$fromdate，这将是PHP View代码。

<input 
     type='text' 
     id='datepicker' 
     name='fromdate'
     <?php echo (isset($fromdate)) ? "data-date='" . $fromdate . "'" : ""; ?>
     />

jQuery代码

现在，如果选择了任何日期，则该日期可在与属性data-date='2013-05-01'相同的控件上使用。因此，根据它显示默认日期。

$(function() {
    $( "#datepicker" ).datepicker({
        defaultDate : new Date($(this).data('date'))
    });
});

在上面的代码中，如果$fromdate不可用，那么new Date()将作为默认日期，即今天的日期。

从你的问题来看，这就是我的理解。

如果您需要别的东西，请告诉我。

Answer 2

这是我的方法，它的工作正常，我只是想分享它

我在html中创建了一个隐藏字段

<input type="hidden" value="<?php echo $from_h; ?>" id="from_h" />
<input type="hidden" value="<?php echo $to_h; ?>" id="to_h" />

在我的JS文件中

 $(function() {
    var from = $('#from_h').val();
    var to = $('#to_h').val();
    $( "#from" ).datepicker({ dateFormat:'yy-mm-dd',defaultDate: from,
    changeMonth: true,
    changeYear:true,
    changeDay:true,
    numberOfMonths: 1,
    onClose: function( selectedDate ) {
    $( "#from" ).datepicker( "option", "fromDate", selectedDate );
    }


  });

    $( "#to" ).datepicker({ dateFormat:'yy-mm-dd',defaultDate: to,
    changeMonth: true,
    changeYear:true,
    changeDay:true,
    numberOfMonths: 1,
    onClose: function( selectedDate ) {
    $( "#to" ).datepicker( "option", "toDate", selectedDate );
    }


 });    
});

它有效!!!

记住datepicker中的输入日期

2 个答案: