2016-04-26 65 views
0

這裏點擊在切換日期選擇器,我想添加一個生日,但與此代碼:JQuery的:當一個span標記

<script> 
    $('#datepicker').focus(function() { 
     $("#datepicker").datepicker(); 
    }); 
</script> 

我不能切換jQuery的日期選擇器關閉!這是我的HTML:

<div class="DOB"> 
      <span class="DOB" contenteditable="true" id="datepicker">25/09/1996</span> 
      <hr /> 
      <span class="st">Date of birth</span> 
     </div> 

我不希望JQuery datepicker在我的屏幕上的所有時間!

請幫助...

+0

一個更好的方式使用datepicker跨度是[here](https://jsfiddle.net/n0cfdxup/61/) –

回答

0

我搜索了這個在其他網站上,並能正常工作,只是我不能幾個月之間,或者如果我將它關閉開關而不選擇日期離開留空!...

<script> 
    $(function() { 

     $('#datepicker').click(function() { 
      $(this).datepicker({ 
       onSelect: function(date) { 
        $(this).datepicker('destroy').html(date); 
       } 
      }); 
     }); 
     $('body').click(function(e) { 
      if ($(e.target).closest('#datepicker').length == 0) { 
       $('#datepicker').datepicker('destroy'); 
      } 
     }); 
    }); 
</script> 

這肯定會工作,如果可能的話,請查收爲切換月和空白公關解決方案oblem!

0

你可以做這樣的事情

var show = 1; 

$('#datepicker').focus(function() { 
if(show == 1) 
{ 
    $("#datepicker").datepicker("show"); 
    show = 0; 
} 
else 
{ 
    $("#datepicker").datepicker("hide"); 
    show = 1; 
} 
}); 
+0

或者你可以將它隱藏在datepicker元素的丟失焦點 –

+0

.datepicker('hide')和.datepicker('show')不起作用! –

+0

它在我的項目中工作得很完美,你能不能讓我知道是否有任何錯誤白皮/顯示 –