jQuery datapicker 如何设置默认日期-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

jQuery datapicker 如何设置默认日期

小旋风柴进 2016-03-24 10:33:51 1290

在使用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>
JavaScript
分享到
取消 提交回答
全部回答(1)
  • 小旋风柴进
    2019-07-17 19:12:09

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

    0 0

集结各类场景实战经验,助你开发运维畅行无忧

推荐文章
相似问题
推荐课程