首页 > jQuery datapicker 如何设置默认日期

jQuery datapicker 如何设置默认日期

在使用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>

你需要做的是给表单元素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)。

【热门文章】
【热门文章】