Question

我在java脚本中有一个日历代码。它在工作，希望它自动选择当前日期。可能。

Javascript代码：

<script>
    $(function() {
    $( "#interview_on" ).datepicker();
    });
</script>

自定义表单：

<form method="POST" action="/interviewvalue/" class="form-horizontal" id="userform" name="uform" enctype="multipart/form-data">{% csrf_token %}
<div class="control-group formSep">
    <label for="u_fname" class="control-label">Interview On</label>
    <div class="controls">
        <input type="text" class="input-xlarge" name="interviewon" id="interview_on" readonly="true" />
    </div>
</div>
<div class="control-group">
    <div class="controls">
        <button class="btn btn-gebo" type="submit" name="asubmit">Submit</button>
        <input type="reset" name="reset" value="Cancel" class="btn btn-gebo" />
    </div>
</div>

Answer 1

您可以像这样限制Datepicker的可选范围

 $( "#datepicker" ).datepicker({ 
    minDate: -10D, maxDate: "+10D" 
 });

显示过去10天和未来10天。

您可以在http://jqueryui.com/datepicker/#min-max

找到详细说明

Answer 2

如果您希望使用当前日期填充实际字段，请在创建datepicker后使用setDate。喜欢这个

<script type="text/javascript">
    $(function() {
        $("#interview_on").datepicker();
        $("#interview_on").datepicker('setDate', new Date());
    });
</script>

如果您想将可选日期限制在今天，Tobo的建议是正确的，只需执行

<script type="text/javascript">
    $(function() {
        $("#interview_on").datepicker({minDate: 0, maxDate: 0});
        $("#interview_on").datepicker('setDate', new Date());
    });
</script>

如何在日历中显示当前日期？

2 个答案: