Amsul Pickadate - 防止默认输入值

时间:2017-02-19 17:43:45

标签: javascript jquery pickadate

新手,只是一个简单的问题。我正在使用Amsul Pickadate库来生成日历。

我的问题是,它最初将隐藏字段设置为今天的日期 - 但今天的日期已被停用,因此我不太确定将这个字段放入隐藏字段值...?当然,残疾人约会不应该成为隐藏领域的价值吗?!

我希望隐藏的字段最初是空白的,直到用户选择日期 - 我该如何实现?



options = {
  onClose: function() {
    this.$holder.blur();
  },
  today: '',
  clear: '',
  disable: [
    1, 7
  ],
  format: 'd/m/yyyy',
  formatSubmit: 'yyyy-mm-dd',
  hiddenName: true,
  min: +1,
  klass: {
    now: '',
    highlighted: ''
  }
};

//Dates disabled...
disabledDates = [
  new Date(2017, 1, 22)
];

var $arrivalInput = $('.arrival input').pickadate(options);
var $returnInput = $('.return input').pickadate(options);

var arrivalPicker = $arrivalInput.pickadate('picker');
var returnPicker = $returnInput.pickadate('picker');

//Disable any dates...
arrivalPicker.set('disable', disabledDates);
returnPicker.set('disable', disabledDates);




1 个答案:

答案 0 :(得分:0)

我最近遇到过同样的问题,这是我提出的最简洁的解决方案:



<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="tab">
  <div>
    <button type="button" class="button">DATA_1</button>
  </div>
  <div class="logtitude">
    <table class="data_table">
      <tr>
        <th>XXX</th>
      </tr>
      <tr>
        <td>YYY</td>
      </tr>
    </table>
  </div>
  <div>
    <button type="button" class="button">DATA_2</button>
  </div>
  <div class="logtitude">
    <table class="data_table">
      <tr>
        <th>AAA</th>
      </tr>
      <tr>
        <td>YYY</td>
      </tr>
    </table>
  </div>
  <div>
    <button type="button" class="button">DATA_3</button>
  </div>
  <div class="logtitude">
    <table class="data_table">
      <tr>
        <th>BBB</th>
      </tr>
      <tr>
        <td>YYY</td>
      </tr>
    </table>
  </div>
</div>
&#13;
&#13;
&#13;