今天与django管理页面中的datepicker链接

时间:2014-07-24 10:22:30

标签: javascript jquery django jquery-ui datepicker

我希望使用jQuery创建一个与django管理页面相同的日期时间日历。我正在使用datepicker()api,它很酷

jQuery ui datepicker

以下是我可以做的事情:

enter image description here

但是我仍然希望在django管理页面中提供类似它的今天链接,如下图红色所示:

enter image description here

是否可以使用相同的datepicker?或者我们可能需要做别的事情?

有什么建议吗?

我在当前的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 ; }

2 个答案:

答案 0 :(得分:1)

您可以随时使用一些javascript对其进行自定义,并使其按您的需要运行。请检查此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);

});

基于this question的Javascript。

答案 1 :(得分: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>