javascript - jquery datepicker getdate 返回 null

Question

当我使用JQuery datapicker getDate时，它返回null。 我需要两个日期选择器，第二个应该比第一个小。

JS文件是这样的:

var d = new Date();
var month = d.getMonth()+1;
var day = d.getDate();
var today = d.getFullYear() + '-' +
    (month<10 ? '0' : '') + month + '-' +
    (day<10 ? '0' : '') + day;

var startDate;
$( function() {
    $( "#start-date" ).datepicker({
      dateFormat: 'yy-mm-dd',
        inline: true,
        minDate:'2016-01-01',
        maxDate:today,
        });


    startDate =$( "#start-date" ).datepicker("getDate");
    if(startSDate==null){ 
    startSDate = '2016-01-01'
    }

    $( "#end-date" ).datepicker({
    dateFormat: 'yy-mm-dd',
    inline: true,
    minDate:startDate,
    maxDate:today,

        });
  } );

但是，这不起作用。这是jsFiddle .

Answer 1

请使用以下代码。

    'use strict';
var d = new Date();
var month = d.getMonth()+1;
var day = d.getDate();
var today = d.getFullYear() + '-' +
    (month<10 ? '0' : '') + month + '-' +
    (day<10 ? '0' : '') + day;
var fullSDate;
$( function() {
    $( "#start-date" ).datepicker({
      dateFormat: 'yy-mm-dd',
        inline: true,
        minDate:'2016-05-12',
        maxDate:today,
        });

    $( "#end-date" ).datepicker({
            dateFormat: 'yy-mm-dd',
            inline: true,
            minDate:fullSDate,
            maxDate:today       
    });

    $("#end-date").focusin(function(){
        fullSDate =$( "#start-date" ).datepicker("getDate");
        if(fullSDate==null){ 
             fullSDate = '2016-01-01'
        }
        $( "#end-date" ).datepicker( "option", "minDate", fullSDate);

    });     
  } );

引用此Fiddle