2014-07-24 63 views
-1

我期待創建一個日期時間日曆使用jQuery在Django管理頁面相同。我使用的日期選擇器()API,這和它的工作原理酷今天鏈接像日期選擇器在Django管理頁面

jQuery ui datepicker

下面是我可以用這個做:

enter image description here

,但我仍然希望有一個今天鏈接像它在Django管理頁面提供,如以紅色顯示在圖下面:

enter image description here

可以使用相同的日期選擇器嗎?或者,也許我們需要做點別的?

有什麼建議嗎?我正在使用當前日期選擇其中

代碼如下:

<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

您可以隨時與位的JavaScript的定製,讓你想要它。請根據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); 

}); 

的JavaScript。

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

必須輸入更快! :) –

相關問題