Question

默认情况下，startDate和endDate显示当前日期。我希望将结束日期作为选定的开始日期而不是当前日期。

请看这个小提琴，

此处，默认情况下，它在startdate和enddate字段中都显示当前日期。例如，如果我选择startDate为＆＃34; 12-12-2017＆＃34;，我希望结束日期为＆＃34; 12-12-2017＆＃34;只是不是今天的约会。我怎样才能做到这一点。

＆＃13;

var nowTemp = new Date();
      var now = new Date(nowTemp.getFullYear(), nowTemp.getMonth(), nowTemp.getDate(), 0, 0, 0, 0);
      var checkin = jQuery('#startDate').fdatepicker({
          format: "dd.mm.yyyy",
          onRender: function (date) {
              return date.valueOf() < now.valueOf() ? 'disabled' : '';
          }
      }).on('changeDate', function (ev) {
              if (ev.date.valueOf() > checkout.date.valueOf()) {
                  var newDate = new Date(ev.date)
                  newDate.setDate(newDate.getDate() + 1);
                  checkout.setValue(newDate);
              }
              checkin.hide();
              jQuery('#endDate')[0];
          }).data('datepicker');
      var checkout = jQuery('#endDate').fdatepicker({
          format: "dd.mm.yyyy",
          onRender: function (date) {
              return date.valueOf() <= checkin.date.valueOf() ? 'disabled' : '';
          }
      }).on('changeDate', function (ev) {
              checkout.hide();
          }).data('datepicker');

          jQuery("#startDate,#endDate").fdatepicker({
              autoclose: true,
              format: "dd.mm.yyyy",
              language: 'de',
              todayHighlight: false
          });

＆＃13;

<input type="text" id="startDate" name="start_datum" class="input_text date"   value="" >
    
<input type="text" id="endDate" name="end_datum" class="input_text" value="">

＆＃13;

Answer 1

看看这个，我希望这能解决你的问题 - Fiddle

var nowTemp = new Date();
      var now = new Date(nowTemp.getFullYear(), nowTemp.getMonth(), nowTemp.getDate(), 0, 0, 0, 0);
      var checkin = jQuery('#startDate').fdatepicker({
          format: "dd.mm.yyyy",
          onRender: function (date) {
              return date.valueOf() < now.valueOf() ? 'disabled' : '';
          }
      }).data('datepicker');
      var checkout = jQuery('#endDate').fdatepicker({
          format: "dd.mm.yyyy",
          onRender: function (date) {
              return date.valueOf() < checkin.date.valueOf() ? 'disabled' : '';
          }
      }).on('changeDate', function (ev) {
              checkout.hide();
          }).data('datepicker');

          jQuery("#startDate,#endDate").fdatepicker({
              autoclose: true,
              format: "dd.mm.yyyy",
              language: 'de',
              todayHighlight: false
          });

结束日期为基础datetimepicker

1 个答案: