开发者社区> 问答> 正文

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>

展开
收起
小旋风柴进 2016-03-24 10:33:51 2827 0
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)。

    2019-07-17 19:12:09
    赞同 展开评论 打赏
问答分类:
问答地址:
问答排行榜
最热
最新

相关课程

更多

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载