【问题标题】:End date as selected startdate in foundation datetimepicker结束日期作为基础日期时间选择器中选定的开始日期
【发布时间】:2016-04-25 10:20:05
【问题描述】:

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

请看这个小提琴,

Fiddle

这里,默认情况下它会在 startdate 和 enddate 文件中显示当前日期。 例如,如果我选择 startDate 作为“12-12-2017”,我希望结束日期以“12-12-2017”开头,而不是今天的日期。我怎样才能做到这一点。

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
          });
<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="">

【问题讨论】:

    标签: javascript jquery date


    【解决方案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
              });
    

    【讨论】:

    • 结束日期在开始日期更改时显示。我不想这样。仅选择结束日期后,我想显示结束日期。你能改一下吗?
    • 现在不工作了。请查看蓝色活动日期仍显示当前日期。我希望将活动日期作为开始日期。
    • 例如,如果我选择 startdate 作为“20/10/2016”,现在如果我打开结束日期选择器,我只想从“20/10/2016”开始。不是今天的日期。
    猜你喜欢
    • 2016-08-21
    • 1970-01-01
    • 2020-03-02
    • 1970-01-01
    • 1970-01-01
    • 2021-08-05
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多