【问题标题】:jQuery DatePick Populating Input - Multiple Clicks IssuejQuery DatePick 填充输入 - 多次点击问题
【发布时间】:2010-07-23 13:14:02
【问题描述】:

所以,我面临的最新困境:

我正在使用 jQuery DatePick(不是 DatePicker)来选择日期并使用这些日期填充输入字段。问题是每次单击日期时都会填写输入字段。因此,如果我单击 23 号,然后再次单击以取消选择它,它会自动添加到输入(以及数据库数组)中两次。

代码如下:

    <script type="text/javascript">
 $(document).ready(
  function (){
  $('.datePick').datepick({ 
      //rangeSelect: true,
   multiSelect: 999, 
   monthsToShow: 2,
   multiSeparator: ':',
   monthsToShow: 3, 
   monthsToStep: 3, 
      prevText: 'Prev months', 
   nextText: 'Next months',
   onSelect: function(date) 
   { 
    var all_dates = $('#dateSelect').val();
          for (var i = 0; i < date.length; i++) 
    { 
              all_dates = ':'+$.datepick.formatDate('yyyy-mm-dd', date[i]);
          } 
          $('#dateSelect').val($('#dateSelect').val()+all_dates);
   }});
  //Ajax call for image uploader
   });
 </script>

然后我有两个元素:

 <div class="datePick"></div>


<input id="dateSelect" name="dateSelect" value=""/>

【问题讨论】:

    标签: javascript jquery calendar datepicker


    【解决方案1】:

    为了解决这个问题,我将onSelect事件中的代码修改如下:

       onSelect: function(date) 
       { 
        var all_dates = '';
              for (var i = 0; i < date.length; i++) 
                { 
                  all_dates = all_dates + ':'+$.datepick.formatDate('yyyy-mm-dd', date[i]);
              } 
              $('#dateSelect').val(all_dates);
       }
    

    希望对你有帮助。

    【讨论】:

    • 您先生,是一位学者,一位绅士。到目前为止完美运行!
    • 感谢 gamerzfuse 的夸奖 :)
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-08-23
    • 2018-12-04
    • 2012-02-06
    • 2012-12-11
    相关资源
    最近更新 更多