jQuery设置日期选择器输入的默认值

Question

我正在构建一个使用日期选择器筛选某些事件项的搜索结果的Web应用程序。

表单通过ajax提交就可以了，（我正在获得结果），但是在将默认值设置为datepicker时遇到了问题。 输入类型基于文本，但其功能类似于javascript DatePicker。 谢谢你的帮助。

注意：我不是从头开始构建表单，而是为完成我需要的内容而定制的。

jQuery的：

// Get current date
var date = new Date();

var month = date.getMonth()+1;
var day = date.getDate();
var year = date.getFullYear();

var currentDate = day + "-" + month + "-" + year;

$("#CAT_Custom_2_Min").val(currentDate)
$("#calendar-form").submit();

表单HTML：

<form id="calendar-form" action="/Default.aspx?CCID=17654&amp;FID=197248&amp;ExcludeBoolFalse=True&amp;PageID=11940414" method="post" name="catcustomcontentform95560">
    <table cellspacing="0" cellpadding="2" border="0" class="webform">
        <tbody>
            <tr>
                <td><label>Event Start Time Min/Max:</label><br />
                <input type="text" onfocus="displayDatePicker('CAT_Custom_2_Min');return false;" style="background-color: #f0f0f0;" readonly="readonly" class="cat_textbox" id="CAT_Custom_2_Min" name="CAT_Custom_2_Min" /> 
                And <input type="text" onfocus="displayDatePicker('CAT_Custom_2_Max');return false;" style="background-color: #f0f0f0;" readonly="readonly" class="cat_textbox" id="CAT_Custom_2_Max" name="CAT_Custom_2_Max" /></td>
            </tr>
            <tr>
                <td><input type="submit" value="Search" class="cat_button" /></td>
            </tr>
        </tbody>
    </table>
</form>

实时页面： http ： //sevenclanscasino.designangler.com/warroad/warroad-calendar

jsfiddle： http : //jsfiddle.net/VJQYb/

Answer 1

// Get current date
var date = new Date();

var month = date.getMonth()+1;
var day = date.getDate();

var currentDate = date.getFullYear() + '/' +
  (month<10 ? '0' : '') + month + '/' +
  (day<10 ? '0' : '') + day;

// Date for 7 days from current date 
var futureDate = new Date();
futureDate.setDate(date.getDate() + week);
$("#CAT_Custom_2_Min").val(currentDate);
$("#CAT_Custom_2_Max").val(futureDate);
$("#calendar-form").submit();

我删除了未声明的变量d ，并在CAT_Custom_2_Min和CAT_Custom_2_Max前面添加了#

Answer 2

你可以试试

<input type="text" id="date1" />

<script type="text/javascript">
var currentTime = new Date();
var month = currentTime.getMonth() + 1;
var day = currentTime.getDate();
var year = currentTime.getFullYear();
var cdate = month + "/" + day + "/" + year;
document.getElementById("date1").value=cdate;
</script>

只是一个例子，以清除在输入框中显示日期的想法...