2011-02-22 10 views

답변

12

jQuery UI date picker이 작업을 수행해야합니다. 피커 트리거 아이콘을 사용하여 예를 밖으로

확인 : 당신이 필요할 때마다 http://jqueryui.com/demos/datepicker/#icon-trigger

또한 예를 들어, 선택기를 드롭 다운 쇼() 메서드를 호출 할 수 있습니다 ..

$('#mypicker').datepicker({ 
     //options 
     minDate: '20.04.2012' 
     //... 
    }); 
$('#mylink').click(function(){ 
     $('#mypicker').datepicker('show'); 
    }); 

가 날짜를 선택하면, 링크 텍스트를 변경 초기화 코드에서 이런 식으로 뭔가를 사용하려면 :

$('#mypicker').datepicker({ onSelect: 
    function(dateText, inst) { 
     $('#mylink').text(dateText); 
    } 
}); 
+0

예, 저는이 datepicker를 사용하고 있지만 텍스트 링크 클릭, 입력이 아닌 버튼/이미지에 나타나야합니다. 어떻게해야 할 지 찾을 수 없습니다. – Burjua

+0

어떻게'show()'메서드를 호출 할 수 있습니까? JavaScript가 좋지 않다. 덕분에 – Burjua

+0

이 경우'# mypicker '가 무엇인가? – Burjua

0

글쎄, 그건있을 수 있습니다 늦게까지이 게시물에 답장을 보내려고하지만, 여기는 위대한 solution from Andrew 2015 년에 작동하는 유사한 스레드에 있습니다.

몇 마디로 당신은 링크와 빈 div 바로 뒤에 숨겨진 입력을 넣어야합니다. 마지막 하나가 트릭을 할 것입니다.

게다가 링크 클릭 이벤트가 필요하지 않습니다.

-1

살람

나는이 solotion 발견 :

onclick="jQuery('#elementid').datetimepicker();jQuery('#elementid').datetimepicker('show');" 

을 제대로 작동합니다.

감사합니다.

알리레자 Balvardi

0
$("#dateField").datepicker({ 
dateFormat:'dd/M/yy', 
minDate: 'now', 
changeMonth:true, 
changeYear:true, 
showOn: "focus", 
//buttonImage: "YourImage", 
buttonImageOnly: true, 
yearRange: "-100:+0", 
}); 

$("dateField").datepicker("option", "disabled", true); 
0

이 나를 위해 일했다. jquery-ui .ls 및 .css가 필요합니다.

$(function() { 
      $("#from").datepicker({ 
       changeMonth: true, 
       changeYear: true 
      }); 
      $("#to").datepicker({ 
       changeMonth: true, 
       changeYear: true 
      }); 
관련 문제