jQuery datapicker 如何设置默认日期

Question

在使用jQuery的datapicker 组件时，如果没有选择日期就提交表单请求，请求发送的另外一个页面为时数据为空，现在的需求就是如果不选择，那么设置一个默认值，例如今天。这是我的代码

<script>
  $(function() {
      $("#start_date").datepicker({
          maxDate: "+0d" ,
          defaultDate:  +7,
          onSelect:function(dateText,inst){

       $("#end_date").datepicker("option","minDate",dateText);

       }
});

$("#end_date").datepicker({
    maxDate: "+0d" ,
    defaultDate: +7,

    onSelect:function(dateText,inst){

        $("#start_date").datepicker("option","maxDate",dateText);
        $("#start_date").datepicker("option","default",dateText);


    }});
  });

</script>

Answer 1

你需要做的是给表单元素startdate和enddate设置一个默认值（通过value属性），而不是通过datepicker来处理，相反，datepicker会读取表单元素的value值并在picker显示出来的时候自动选中相应日期。

例如：

<input type="text" id="start_date" name="start_date" value="2013-10-23" />  
<input type="text" id="end_date" name="end_date" value="2013-10-25" />

这个value属性你可以直接写在html里面，可以通过JS在页面载入后计算写入，也可以在后端输出页面的时候动态输出（如PHP）。