比较开始日期和结束日期的问题答案

【问题标题】：Problem in Comparing Start date and End date比较开始日期和结束日期的问题
【发布时间】：2019-07-08 03:22:59
【问题描述】：

如果我像这样使用日期格式 'MM/yyyy'，那么它将正常工作，但我想使用像这样的日期格式 'm/YYYY'。如何比较？

下面的代码工作正常，但我想像这样使用日期格式'm/yyyy'。

$('#card_form_plan_start_date').datepicker({
  format: 'MM/yyyy',
  autoclose: true,
  viewMode: 'months', 
  minViewMode: 'months'
});

$('#card_form_plan_start_date').datepicker().on(
      'change',
      function() {
        $('#card_form_plan_end_date').val('');
        $('#card_form_plan_end_date').removeAttr("disabled");
        $('#card_form_plan_end_date').datepicker("destroy");
        var newStart = new Date($(this).val());
alert($(this).val());        
newStart.setDate(newStart.getDate());

        $('#card_form_plan_end_date').datepicker({
            startDate : newStart,
            format: 'MM/yyyy',
              autoclose: true,
              viewMode: 'months', 
              minViewMode: 'months'
        });
});

结束月份从开始月份开始，如果我使用'MM/YYYY'这样的日期格式，如何使用'm/YYYY'？

【问题讨论】：

使用 'M/yyyy' 而不是 'm/YYYY' 它会起作用
没有兄弟。我想要一个月的数字格式
你想要像'2/2019'这样的结果吗？你在使用引导日期选择器
是的。只有当我使用像“MM/yyyy”这样的日期格式时才能正常工作，但我想要数字格式的日期
还有其他解决办法吗？

标签： jquery date datepicker date-format

【解决方案1】：

而不是var newStart = new Date($(this).val()); 尝试在您的 js 中使用以下代码

var comDate = $(this).val().split('/'); 
var newStart = new Date(comDate[1], comDate[0], 1);

$(document).ready(function() {
    $('#card_form_plan_start_date').datepicker({
  format: 'm/yyyy',
  autoclose: true,
  viewMode: 'months', 
  minViewMode: 'months'
});

$('#card_form_plan_start_date').datepicker().on(
      'change',
      function() {
        $('#card_form_plan_end_date').val('');
        $('#card_form_plan_end_date').removeAttr("disabled");
        $('#card_form_plan_end_date').datepicker("destroy");
        //var newStart = new Date($(this).val());  
        //newStart.setDate(newStart.getMonth());
        var comDate = $(this).val().split('/'); 
        var newStart = new Date(comDate[1], comDate[0], 1);
        $('#card_form_plan_end_date').datepicker({
            startDate : newStart,
            format: 'm/yyyy',
              autoclose: true,
              viewMode: 'months', 
              minViewMode: 'months'
        });
});
});

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/css/bootstrap-datepicker.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/js/bootstrap-datepicker.js"></script>

 <div class="container">
	

    <div class="row">
   
        <div class="col-sm-6">
            <div class="input-group date">
      <input type="text" id="card_form_plan_start_date" class="form-control timepicker" name="card_form_plan_start_date"> <input type="text" id="card_form_plan_end_date" class="form-control timepicker" name="card_form_plan_end_date">
                <div class="input-group-addon">
                    <span class="glyphicon glyphicon-th"></span>
                </div>
            </div>
        </div>
    </div>


</div>

【讨论】：