2014-07-24 2 views
-1

jQuery를 사용하여 django admin 페이지와 동일한 날짜/시간 캘린더를 만들려고합니다.오늘 django 관리 페이지에있는 것과 같은 datepicker 링크

enter image description here

하지만 난 여전히 오늘 링크를 찾고 있어요 :이를 위해 날짜 선택기() API를 사용하고 그것을 아래

jQuery ui datepicker

멋진 작동하는 것은 내가 이것으로 무엇을 할 수 빨간색으로 아래 그림과 같이 같은 그것은, 장고 관리자 페이지에서 제공됩니다

enter image description here

동일한 datepicker를 사용할 수 있습니까? 아니면 뭔가 다른 것을해야할까요?

제안 사항? 내가 현재 날짜 선택기에 사용하고

코드는 다음과 같습니다 :

<script> 
$(function() { 
       $("[name*='exp_date']").datepicker({ changeMonth: true , changeYear: true, 
       dateFormat: "yy-mm-dd" ,gotoCurrent: true,appendText: "(yyyy-mm-dd)" , 
       autoSize: true , prevText: "Earlier" ,showButtonPanel: true , showCurrentAtPos: 3, showOptions: { direction: "up" }, weekHeader: "Wk" }); 
     }); 


    </script> 

<style> 
.ui-datepicker-trigger { position:relative;top:5px; height:20px ; } 

답변

1

당신은 항상 자바 스크립트의 비트와 함께 그것을 사용자 정의하고 당신이 원하는대로 작동 할 수 있습니다. this question에 따라이 fiddle

$("#todaylink").on("click", function(){ 
    var today = new Date(); 
    var dd = today.getDate(); 
    var mm = today.getMonth()+1; //January is 0! 
    var yyyy = today.getFullYear(); 

    if(dd<10) { 
     dd='0'+dd 
    } 

    if(mm<10) { 
     mm='0'+mm 
    } 

    today = mm+'/'+dd+'/'+yyyy; 

    $("#today").val(today); 

}); 

자바 스크립트를 확인합니다.

0

jQuery를 사용하여 입력란을 오늘 날짜로 채울 수 있습니다.

가 여기에 예를 들어 바이올린의 : http://jsfiddle.net/9XtfX/

JS

function setDate() { 
    var now = new Date(); 
    var day = ("0" + now.getDate()).slice(-2); 
    var month = ("0" + (now.getMonth() + 1)).slice(-2); 
    var today = now.getFullYear()+"-"+(month)+"-"+(day) ; 

    $('#todaysDate').val(today); 
} 

$('#setDate').click(function(){ 
    setDate(); 
}); 

HTML

<form action="#" method="post" class="" id="form"> 
    <input type="text" id="todaysDate" name="todaysDate" value="" /> 
    <input type="button" id="setDate" value="Today"></input>  
</form> 
+0

사과를이 꽤 많이 오호 제안했다 것과 중복입니다. –

+0

예 ... 그렇습니다;) – cor

+0

빨리 타이핑해야합니다 !! :) –

관련 문제