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

Question

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

jQuery ui datepicker

以下是我能做的：

但我仍然希望有一个今天的链接，就像在 django 管理页面中提供的那样，如下图红色所示：

是否可以使用相同的日期选择器？或者也许我们需要做点别的？

有什么建议吗？

我在当前日期选择器中使用的代码如下：

<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 ; }

Answer 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。

Answer 2

您可以只使用 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>