Question

我有一个简单的表单来生成报告，我正在添加一个jqueryUI datepicker。我遇到的问题是当我尝试用来自用户的信息重新填充字段时。

Jquery似乎正在重置我日期字段的默认值（目前，它在7月选择了2个不同的日期）。如何将其设置回用户提交的值？

我目前的代码：

<form method="post" action="">
        Username: <input type="text" size="12" name="username" required  value="foo" />
        Password: <input type="password" size="12" name="password" required value="bar" />
        Start Date: <input id="startdate" type="text" size="12" name="startday" required  value="06/28/2012" />
        End Date: <input id="enddate" type="text" size="12" name="endday" required  value="06/30/2012" />

        <script type="text/javascript">
            $(function(){
                $("#startdate").datepicker();
                $("#enddate").datepicker();
            });
        </script>
        <input type="submit">
    </form>

Answer 1

如果该字段为空，请在第一次打开时设置要突出显示的日期。通过Date对象指定实际日期，或者指定当前dateFormat中的字符串，或者从今天开始的天数（例如+7）或一串值和句点（'y'表示年份，'m'表示月份， 'w'持续数周，'d'持续数天，例如'+ 1m + 7d'），或今天为null。

使用指定的defaultDate选项初始化一个datepicker。

$( ".selector" ).datepicker({ defaultDate: +7 });

在init之后获取或设置defaultDate选项。

//getter
var defaultDate = $( ".selector" ).datepicker( "option", "defaultDate" );

//setter
$( ".selector" ).datepicker( "option", "defaultDate", +7 );

http://jqueryui.com/demos/datepicker/#option-defaultDate

小提琴： http://jsfiddle.net/iambriansreed/gMNrZ/

Answer 2

您可以在填充日期时执行此操作：

$( "#startdate" ).datepicker( "setDate" , date );

请参阅this

Answer 3

http://docs.jquery.com/UI/Datepicker#option-minDate

  var dateOptions = { 
  dateFormat: "mm/dd/yy", 
  constrainInput: true, 
  gotoCurrent: true, 
  minDate: new Date()
  };

  $('.date').datepicker(dateOptions);

设置Jqueryui datepicker的默认日期

3 个答案: