Question

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

<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>

Answer 1

如果您使用jquery ui datepicker

两种设置结束日期的方式

<StackPanel Grid.Row="5" Grid.Column="0" Orientation="Vertical"
                                                Margin="{StaticResource LeftTopThickness}">
                                        <TextBlock Text="{DynamicResource lang_SubscriberTreatment_Tariffs_PaperCopy}"
                                                  Visibility="{Binding Visibility, ElementName=PAPERCOPY_ID}" />
                                        <!--<TextBox x:Name="PAPERCOPY_ID" Text="{Binding PaperCopy}" />-->
                                        <CheckBox Name="PAPERCOPY_ID"  IsChecked="{Binding Path=PaperCopy,Mode=OneWay}" IsHitTestVisible="false"/>
                                    </StackPanel>

$('#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()
});

Answer 2

如何在提交表单之前检查函数，并检查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>

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

2 个答案: