文章/答案/技术大牛

发布

社区首页 >问答首页 >如何将1个日期放入2个输入字段？

问如何将1个日期放入2个输入字段？
EN

Stack Overflow用户

提问于 2019-12-05 13:47:47

回答 2查看 81关注 0票数 0

如果用户在提交表单时没有选择最终日期，我想将开始日期作为最终日期列的最终日期。我的代码如下。

<div class="col-md-4">
  <div class="input-group">
    <label class="control-label">{!!Lang::get('site_lang.start_date')!!}</label>
    <input id="startDate" style="width:80%;" name="start_date" autocomplete="off"/>
  </div>
</div>
<div class="col-md-4">
  <div class="input-group">
    <label class="control-label">{!!Lang::get('site_lang.end_date')!!}</label>
    <input id="endDate" style="width:80%;"  name="end_date" autocomplete="off"/>
  </div>   
</div>

脚本

<script>
 $('#startDate').datepicker({
        uiLibrary: 'bootstrap4',
        iconsLibrary: 'fontawesome',
        format: '{{config('app.date_format_js')}}',
        maxDate: function () {
            return $('#endDate').val();
        }
    });

    $('#endDate').datepicker({
        uiLibrary: 'bootstrap4',
        iconsLibrary: 'fontawesome',
        format: '{{config('app.date_format_js')}}',
        minDate: function () {
            return $('#startDate').val();
        }
    });
</script>

javascript

jquery

datepicker

回答 2

Stack Overflow用户

发布于 2019-12-05 14:46:07

如果使用jquery ui datepicker

有两种方法可以设置结束日期

$('#startDate').datepicker();
$('#endDate').datepicker();

// Set End date on click submit button if end date is empty set end date value as start date 
// then submit form

$("#submit").click(function(){
      if(!$("#endDate").val()){
          var startDate = $("#startDate").val()
          $("#endDate").val(startDate)
      }
      $("#form").submit()
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<form id="form" action="">
        <input id="startDate"  name="start_date" autocomplete="off"/>
        <input id="endDate"  name="end_date" autocomplete="off"/>
        <button id="submit" type="submit">Send</button>
    </form>

票数 0

Stack Overflow用户

发布于 2019-12-05 14:50:46

在提交表单之前调用函数并检查endDate是否为空或未定义如何？如果是这样，只需将startDate设置为endDate输入字段即可。

function beforeSubmit()
{
  if($('#endDate').val()==="" || $('#endDate').val() === undefined)
   {
    $('#endDate').val($('#startDate').val());
   }
}

<form onsubmit="return beforeSubmit()" > 
  <input type="submit" name="Submit" value="Submit"/>
</form>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/59188995

复制

相似问题

问如何将1个日期放入2个输入字段？
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何将1个日期放入2个输入字段？EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何将1个日期放入2个输入字段？
EN